<!doctype html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>jQuery元素漂浮抖动导航菜单</title>
<link rel="stylesheet" type="text/css" href="css/default.css">
<style type="text/css">
body{
background: url(./weibo_shuimian-039.jpg) 0 0 no-repeat;
background-size: cover;
}
.main-container{
width: 80%;
margin:0 auto;
}
.btn{
background:teal;
height:40px;
width:100px;
position:relative;
border:0px;
border-radius:5px;
color:white;
-webkit-transform: rotate(0deg);
}
</style>
</head>
<body>
<article class="zzsc">
<br><br><br><br><br><br><br><br>
<div class="main-container">
<button class="btn" id="b1" >Home</button>
<button id="b2" class="btn" >About</button>
<button id="b3" class="btn" >Product</button>
<button id="b4" class="btn" >Demo</button>
<button id="b5" class="btn" >Testimo</button>
<button id="b6" class="btn" >Contact Us</button>
<button id="b7" class="btn" >Carrers</button>
</div>
</article>
<script src="js/jquery-2.1.1.min.js" type="text/javascript"></script>
<script src="js/waterFloat.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var b1 = $('#b1');
var b2 = $('#b2');
var b3 = $('#b3');
var b4 = $('#b4');
var b5 = $('#b5');
var b6 = $('#b6');
var b7 = $('#b7');
var a1 = $('#a1');
var a2 = $('#a2');
var p1 = new waterFloat(b1,900,3,8);
var p2 = new waterFloat(b2,700,3,8);
var p3 = new waterFloat(b3,800,3,10);
var p4 = new waterFloat(b4,900,3,8);
var p5 = new waterFloat(b5,700,3,8);
var p6 = new waterFloat(b6,800,3,10);
var p7 = new waterFloat(b7,700,3,8);
var p8 = new waterFloat(a1,700,3,8);
var p9 = new waterFloat(a2,800,3,10);
});
</script>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
<p>适用浏览器：360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 不支持IE8及以下浏览器。</p>
</div>
</body>
</html>
jQuery实现的元素漂浮抖动导航菜单特效源码.zip （10个子文件） 
132677973583542701 css 
default.css 6KB fonts icomoon.woff 1KB
icomoon.svg 2KB icomoon.eot 2KB icomoon.ttf 1KB
index.html 2KB js waterFloat.js 571B waterFloat-min.js 389B jquery-2.1.1.min.js 82KB
weibo_shuimian-039.jpg 143KB资源评论
