当前位置：刺猬源码 > 前端素材 > tab标签 > jQuery选项卡标签控制图片滚动切换代码

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

作者 : 小刺猬本文共426个字，预计阅读时间需要2分钟发布时间： 2020-08-7 共621人阅读

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

这是一款模拟手机屏幕图片滚屏交互切换效果的jQuery选项卡标签控制图片滚动切换代码，可以用来展示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>
VIP免费 永久VIP免费当前隐藏内容需要支付1金币
已有0人支付

刺猬源码 » jQuery选项卡标签控制图片滚动切换代码