瓦窑源码 快速建站好帮手

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

特效介绍

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

具体效果看右侧的【在线演示】吧^_^

tab选项卡滚动切换

TAG标签:tab选项卡滚动切换

上一个:jQuery页面滚动顶部固定tab标签选项卡切换代码
下一个:大气的jQuery全屏滑动TAB标签选项卡切换动画代码

免责声明:本站模板均来自用户分享和网络收集,仅供学习研究,请勿用于商业用途,若损害您的权利,请联系网站客服,核实后立即删除。

整站源码 - 静态模板 - 网页特效 - CMS教程 - 站长指南 - 热门排行 - XML - HTML - TAG - 免责声明

Copyright© 2020 瓦窑源码 WHY114.COM 版权所有 鲁ICP备12005559号

客服QQ:1847629575 微信号:qilujianzhan

展开