中尉
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<title>超酷三维翻转效果 by 25175</title>
<link rel="stylesheet" type="text/css" href="16/reset_html5.css">
<link rel="stylesheet" type="text/css" href="16/flip_099.css">
<!--[if IE]>
<script src="16/html5.js"></script>
<link rel="stylesheet" type="text/css" href="/lab/flip/flip_ie.css"/>
<![endif]-->
<script src="16/jsapi"></script>
<script type="text/javascript">
google.load("jquery", "1");
</script><script src="16/jquery_002.js" type="text/javascript"></script>
<script src="16/jquery-ui-1.js"></script>
<script src="16/jquery.js"></script>
<script type="text/javascript">
$(function(){
$("#flipPad a:not(.revert)").bind("click",function(){
var $this = $(this);
$("#flipbox").flip({
direction: $this.attr("rel"),
color: $this.attr("rev"),
content: $this.attr("title"),//(new Date()).getTime(),
onBefore: function(){$(".revert").show()}
})
return false;
});
$(".revert").bind("click",function(){
$("#flipbox").revertFlip();
return false;
});
var changeMailTo = function(){
var mArr = ["@","smashup","luca",".it"];
$("#email").attr("href","mailto:"+mArr[2]+mArr[0]+mArr[1]+mArr[3]);
}
$(".downloadBtn").click(function(){
pageTracker._trackPageview('download_flip');
});
setTimeout(changeMailTo,500);
});
</script>
</head>
<body>
<section class="container">
<header>25175整理<a href="http://www.25175.com/">www.25175.com</a></header>
<div class="clearfix">
<div style="visibility: visible; background-color: rgb(57, 171, 62);" id="flipbox">Change content as <em>you</em> like!</div>
<div id="flipPad">
<a href="#" class="left" rel="rl" rev="#39AB3E" title="Change content as <em>you</em> like!">left</a>
<a href="http://www.25175.com/" class="top" rel="bt" rev="#B0EB17" title="Ohhh yeah!">top</a>
<a href="#" class="bottom" rel="tb" rev="#82BD2E" title="Hey oh let's go!">bottom</a>
<a href="#" class="right" rel="lr" rev="#C8D97E" title="Waiting for css3...">right</a>
<a style="display: inline;" href="#" class="revert">revert!</a>
</div>
</div>
</section>
</body>
</html>
|
|
超酷三维翻转效果
分享到：
 购买记录   其他最新源码
           
|
新兵
