退出
充值

jQuery漂浮抖动导航菜单代码

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2017-09-17
这是一款类似网站导航菜单按钮悬浮在水面上飘动的jQuery漂浮抖动导航菜单代码。


js代码

<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>