jQuery模拟手机滚屏交互图片滚动代码

jQuery模拟手机滚屏交互图片滚动代码

这是一款jQuery模拟手机滚屏,选项标签切换上下图片滚动交互式代码。适用于手机产品介绍展示页面代码。

使用方法
在页面引入以下jquery.min.js文件

1
<script src="js/jquery.min.js" type="text/javascript"></script>
1
2
3
4
5
6
7
8
9
10
11
<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>

CSS样式

1
<link rel="stylesheet" type="text/css" href="css/style.css" />

文件信息:

    0

    发表评论