MyException - 我的异常网
当前位置:我的异常网» JavaScript » Jquery图片滚动,幻灯片-打包二

Jquery图片滚动,幻灯片-打包二(4)

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

                    <img src="Wife5.jpg" width="280" height="280" alt="img" /></a></li>
            </ul>
    </div>
</body>
</html>

Jquery幻灯片、图片滚动封装

------解决方案--------------------
1、图片滚动的图片问题还是很大,原有一个ul你复制三个出来,这非常不好。第二当多个class=a时都是同步滚动的,也就是说当一个停止全部停止。
------解决方案--------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>测试</title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            Xhun(".a");
        });
        function Xhun(_box) {
            $(_box).each(function(){
                var _this=$(this);//储存对象
                var w=_this.width();//统计外框的宽度
                var li=_this.find("li");//查找所有图片对应的li
                var l=li.size();//统计多少张图片 li
                var lw=li.outerHeight(true);
                var i=1;//控制图片滚动的速度
                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)

文章评论

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