jQuery制作tab选项卡标签控制图片滚动切换代码

瓦窑源码   2020-07-28   收藏本单
这是一款jQuery制作tab选项卡标签控制图片滚动切换代码,模拟手机屏幕图片滚屏交互切换效果,可以用来展示app或手机微信网站界面,其他用处可以发挥你的想象。

这款jQuery制作tab选项卡标签控制图片滚动切换代码,模拟手机屏幕图片滚屏交互切换效果,可以用来展示app或手机微信网站界面,其他用处可以发挥你的想象。

js代码

<script type="text/javascript">
    $(document).ready(function () {
        $(".xcx_dowhat_list ul li").hover(function () {
            $(".xcx_dowhat_list ul li").removeClass("current");
            $i = $(this).index();
            $(this).addClass("current");
            top1 = -$i * 364;
            $(".xcx_phone_main ul").stop(true, false).animate({"top": top1});
        });
    });
</script>

具体效果看下方【演示地址】吧^_^

jQuery制作tab选项卡标签控制图片滚动切换代码

演示地址 下载地址A 下载地址B

相关特效

    暂无数据
展开