用户注册



邮箱:

密码:

用户登录


邮箱:

密码:
记住登录一个月忘记密码?

发表随想


还能输入:200字
云代码 - javascript代码库

jq轮播图写法

2017-05-03 作者:云代码会员举报

[javascript]代码库

/*定义两个变量,保存当前页码和上一页页码*/
//        var $index=0;
//        var $exdex=0;

        //下一页的点击事件。在右移基础上加了最大index判断
//        $(".next").click(function(){
//            $index++;
//            if($index>2){
//                $index=0
//            }
//            $(".choose span").eq($index).addClass("red").siblings().
//            removeClass("red");
//            next();
//            return $exdex=$index;
//        });
//        //上一页的点击事件
//        $(".pre").click(function(){
//            $index--;
//            if($index<0){
//                $index=2
//            };
//            $(".choose span").eq($index).addClass("red").siblings().
//            removeClass("red");
//            pre();
//            return $exdex=$index;
//        });
        //加个定时器,正常轮播
//        var imgHeight=$('.top_banner a img').height();
//        $('.top_banner').css('height',imgHeight+'px');
//       function changeImg(){
//           var atime=setInterval(function(){
//
//               $index++;
//               if($index>2){
//                   $index=0
//               };
//
//               $(".next").click();
//               $('.top_banner').mouseenter(function(){
//                   clearInterval(atime);
//               });
//               next();
//               return $exdex=$index;
//           },5000);
//       };
//
//        changeImg();
//        $('.top_banner').mouseleave(function(){
//            changeImg();
//        });



//        function next(){
//            $(".top_banner a").eq($index).stop(true,true).
//            css("left","100%").animate({"left":"0"});
//            $(".top_banner a").eq($exdex).stop(true,true).
//            css("left","0").animate({"left":"-100%"});
//        }
//        function pre(){
//            $(".top_banner a").eq($index).stop(true,true).
//            css("left","-100%").animate({"left":"0"});
//            $(".top_banner a").eq($exdex).stop(true,true).
//            css("left","0").animate({"left":"100%"});
//        }


分享到:
更多

网友评论    (发表评论)


发表评论:

评论须知:

  • 1、评论每次加2分,每天上限为30;
  • 2、请文明用语,共同创建干净的技术交流环境;
  • 3、若被发现提交非法信息,评论将会被删除,并且给予扣分处理,严重者给予封号处理;
  • 4、请勿发布广告信息或其他无关评论,否则将会删除评论并扣分,严重者给予封号处理。