博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
基于jQuery左右滑动切换特效
阅读量:7262 次
发布时间:2019-06-29

本文共 1330 字,大约阅读时间需要 4 分钟。

分享一款基于脚jQuery左右滑动切换特效。这是一款鼠标点击左右箭头按钮图片滚动切换,鼠标移到图片上显示透明边框特效。效果图如下:

   

实现的代码。

html代码:

  • 高同学

    2013年CPA暑期班学员,一年通过5门课程

  • 李同学

    2014年CPA周末旗舰班学员;1年通过4门课程

  • 丁同学

    现就职某会计师师事务所

    2012年CPA学员,3年通过6门课程

  • 宋同学

    2013年会计证、CPA长线周末班学员,2014年通过4门课程;

  • 战同学

    2012年北京会计初级金榜,2014年会计中级高分一次通过

  • 于同学

    2014年会计中级学员,1次性通过中级全科

js代码:

//学员var _index5=0;$("#four_flash .but_right img").click(function(){    _index5++;    var len=$(".flashBg ul.mobile li").length;    if(_index5+5>len){        $("#four_flash .flashBg ul.mobile").stop().append($("ul.mobile").html());    }    $("#four_flash .flashBg ul.mobile").stop().animate({left:-_index5*326},1000);    });    $("#four_flash .but_left img").click(function(){    if(_index5==0){        $("ul.mobile").prepend($("ul.mobile").html());        $("ul.mobile").css("left","-1380px");        _index5=6    }    _index5--;    $("#four_flash .flashBg ul.mobile").stop().animate({left:-_index5*326},1000);    });

via:

转载地址:http://wwldm.baihongyu.com/

你可能感兴趣的文章