基本信息
源码名称：jquery 3d 立体翻转 示例源码
源码大小：1.83KB
文件格式：.txt
开发语言：js
更新时间：2014-03-29
   友情提示：（无需注册或充值，赞助后即可获取资源下载链接）

     嘿，亲！知识可是无价之宝呢，但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下，绝对物超所值哦！如有下载和支付问题，请联系我们QQ(微信同号)：813200300

本次赞助数额为： 2 元　
   源码介绍 

 <!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>鼠标划过jquery翻转效果</title>
<style>
.caa{width:100%;float:left;font-size:12px;line-height:22px;}
.caa .fangan{width:430px; height:217px; background-color:#e2e1dd; padding:10px 7px;}
.caa .fangan li{width:97px; height:100px; margin:5px; display:inline; float:left;}
.caa .fangan li a{color:#fff; font-family:Microsoft YaHei, SimSun; padding-left:10px; padding-top:6px; line-height:16px; display:block; width:87px; height:94px; float:left;text-decoration: none;}
</style>
<script type="text/javascript" src="http://www.hbxxzy.com/pic/20120509/js/jquery.js"></script>
<script type="text/javascript" src="http://www.hbxxzy.com/pic/20120509/js/load.js"></script>
<script type="text/javascript" src="http://www.hbxxzy.com/pic/20120509/js/jquery-ui.js"></script>
<script type="text/javascript" src="http://www.hbxxzy.com/pic/20120509/js/jquery-flip.js"></script>
</head>
<body>
<div class="caa">
  <ul class="fangan" id="rot">
    	<li style="color:#676767">个人网站建设</li>
        <li ntao="#00cc00" ><a href="http://www.hbxxzy.com">php网站学习</a></li>
        <li ntao="#0099ff"><a href="http://www.hbxxzy.com">企业<br>网站开发</a></li>
        <li ntao="#ffae00" ><a href="http://www.hbxxzy.com">cms<br>模版设计</a></li>
        <li ntao="#a42e00" ><a href="http://www.hbxxzy.com">网站<br>优化</a></li>
        <li ntao="#666666" ><a href="http://www.hbxxzy.com">网页特效<br>jquery</a></li>
        <li ntao="#660099" ><a href="http://www.hbxxzy.com">编程<br>学习</a></li>
        <li ntao="#004eff" ><a href="http://www.hbxxzy.com">网站<br>开发手册</a></li>
  </ul>
</div>
</body>
</html>
<script type="text/javascript">
$('#rot li:gt(0)').mouseover(function(){
	bind_flip(this);
	});
//auto_flip(1);	
</script>