您好,欢迎来到jQuery吧!QQ群:193687763(钱端开发)

jQuery吧-Write Less, Do More | 注重前端开发

首页 > jQuery > jQuery特效 > jQuery选项卡特效 > 正文

jQuery移动选项卡效果

2014-11-17 07:11:45 作者:天外飞仙 人气:1098 Views

jQuery移动选项卡效果
20141117095843
部分js代码

<script> $(document).ready(function() { //set the default location (fix ie 6 issue) $('.lava').css({ left: $('span.item:first').position()['left'] }); $('.item').mouseover(function() { //scroll the lava to current item position $('.lava').stop().animate({ left: $(this).position()['left'] }, { duration: 200 }); //scroll the panel to the correct content $('.panel').stop().animate({ left: $(this).position()['left'] * ( - 2) }, { duration: 200 }); }); });</script>

下载地址
预览地址

链接:http://www.jqueryba.com/4286.html(转载时请注明本文出处及文章链接)

jQuery吧-Write Less, Do More | 注重前端开发

jQuery吧-Write Less, Do More | 注重前端开发

Copyright © 2013 jqueryba.com, All Rights Reserved.奔跑在阿里云

免责声明:本站所有内容来源于互联网。如果本站部分内容侵犯您的权益,请您告知,站长会立即处理 苏ICP备12059471号

站内所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!