存一个H5箭头制作方法

/*轮播图左右箭头切换*/
	/*设置一个变量作轮播图的切换*/
	var time = 0;
	/*左箭头点击事件*/
    $(".dalao .jiantou .left").click(function () {
        time--;
        // console.log(time);
        if (time >= 0) {
        	/*这里是轮播图点的样式变化控制,以及图片的切换控制,下同*/
            $(".dalao .point li").eq(time).addClass("active").siblings().removeClass("active");
            $(".dalao #datu li").eq(time).show().siblings(".dalao #datu li").hide();
        } else {
            time = 4;
            $(".dalao .point li").eq(time = 4).addClass("active").siblings().removeClass("active");
            $(".dalao #datu li").eq(time = 4).show().siblings(".dalao #datu li").hide();
        }
    });
    /*这里设置的是鼠标进入箭头,则清除计时器,让轮播图停止轮播*/
    $(".dalao .jiantou .left").mouseover(function () {
        clearInterval(timeplay);
        $(".dalao .jiantou .left").css("opacity", "0.4")
    }).mouseout(function () {
   		/*鼠标移走后,则重新设置计时器函数,图片继续轮播*/
        timer();
        $(".dalao .jiantou .left").css("opacity", "0.2")
    })

 $(".dalao .jiantou .right").click(function () {
        time++;
        // console.log(time);
        if (time < 4) {
            $(".dalao .point li").eq(time).addClass("active").siblings().removeClass("active");
            $(".dalao #datu li").eq(time).show().siblings(".dalao #datu li").hide();
        } else {
            time = 0;
            $(".dalao .point li").eq(time = 0).addClass("active").siblings().removeClass("active");
            $(".dalao #datu li").eq(time = 0).show().siblings(".dalao #datu li").hide();
        }
    });
    $(".dalao .jiantou .right").mouseover(function () {
        clearInterval(timeplay);
        $(".dalao .jiantou .right").css("opacity", "0.4")
    }).mouseout(function () {
        timer();
        $(".dalao .jiantou .right").css("opacity", "0.2")
    })

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值