MyException - 我的异常网
当前位置:我的异常网» JavaScript » 自个儿写的一个幻灯片,喜欢的可以看一下。做的不好

自个儿写的一个幻灯片,喜欢的可以看一下。做的不好的地方可以指点(4)

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

        function slide(cls){
            var li=$(cls).find("li").size();//统计多少张图片
            $(".iframe ul").width(280*li);//设置宽度,使图片排成一排
            var s="<ul class='button'>";//生成li的按钮
            for(var i=0;i<li;i++){
                s+="<li>"+(i+1)+"</li>";
            }
            s+="</ul>";
            $(s).appendTo($(cls));//生成按钮结束
            var _i=0;//当前的编号
            $(cls).find(".button li").each(function(i){
                //生成按钮点击事件
                $(this).click(function(){
                    _i=i;
                    $(this).attr("class","on").siblings().removeAttr("class");//设置class,没必要再多加一个off
                    $(".iframe").animate({scrollLeft:i*280},"slow");//图片移动
                });
            }).eq(0).click();
            function tt(){//定时器函数
                _i++;
                _i=_i%li;
                $(cls).find(".button li").eq(_i).click();//自动点击切换图片
            }
            var t=setInterval(tt,3000);//定时器
            $(cls).hover(function(){ 
                clearInterval(t);//鼠标经过清除定时器,离开时又触发
            },function(){
                t=setInterval(tt,3000);
            })
        }
    </script>
</head>
<body>
<div class="frame">
    <div class="iframe">
        <ul>
        <li><a href="#"><img src="http://cued.xunlei.com/demos/publ/img/P_000.jpg" width="280" height="280" alt="img" /></a></li>
        <li><a href="#"><img src="http://cued.xunlei.com/demos/publ/img/P_001.jpg" width="280" height="280" alt="img" /></a></li>

文章评论

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