MyException - 我的异常网
当前位置:我的异常网» JavaScript » js图片滚动有关问题 [100分]

js图片滚动有关问题 [100分](5)

www.myexceptions.net  网友分享于:2013-04-10  浏览:24次

                if(lw*l>w){
                    //判断一下图片总长度是否大于外框,如果不大于就不做动画(也做不了)
                    _this.find("ul").append(li.clone()).width(lw*l*2).hover(function(){i=0},function(){i=1});
                    //吉隆一份li到ul里,并设置ul的长度,让图片排成一排。同时设置鼠标经过停止动画
                    setInterval(function(){
                        var _l=_this.scrollLeft();
                        _l=_l>l*lw?0:_l+i;
                        _this.scrollLeft(_l);
                    },40)
                }
            })
        }
    </script>
    <style type="text/css">
        * { margin: 0; padding: 0; }
        ul,li { list-style: none; margin: 0; padding: 0}
        li { float: left; width: 100px;overflow: hidden }
        img { width: 100px; height: 100px; }
        .a { width: 400px; margin: 0 auto; overflow: hidden; height: 100px; }
    </style>
</head>
<body>
<div class="a">
    <ul>
        <li><a href="#"><img src="http://cued.xunlei.com/demos/publ/img/P_000.jpg" alt="img" /></a></li>
        <li><a href="#"><img src="http://cued.xunlei.com/demos/publ/img/P_001.jpg" alt="img" /></a></li>
        <li><a href="#"><img src="http://cued.xunlei.com/demos/publ/img/P_002.jpg" alt="img" /></a></li>
        <li><a href="#"><img src="http://cued.xunlei.com/demos/publ/img/P_003.jpg" alt="img" /></a></li>
    </ul>
</div>
 
<div class="a">
    <ul>
        <li><a href="#"><img src="http://cued.xunlei.com/demos/publ/img/P_000.jpg" alt="img" /></a></li>
        <li><a href="#"><img src="http://cued.xunlei.com/demos/publ/img/P_001.jpg" alt="img" /></a></li>
        <li><a href="#"><img src="http://cued.xunlei.com/demos/publ/img/P_002.jpg" alt="img" /></a></li>

文章评论

软件开发程序错误异常ExceptionCopyright © 2009-2015 MyException 版权所有