您好,欢迎来到源码搜藏!分享精神,快乐你我!提示:担心找不到本站?在百度搜索“源码搜藏”,网址永远不丢失!
  • 首 页
  • 在线工具
  • 当前位置:首页 > 网页特效 > jQuery特效 >

    jquery带页码标识焦点图代码

    时间:2014-08-27 09:13 来源:互联网 作者:源码搜藏 浏览:收藏 挑错 推荐 打印

    效果预览 进入下载地址列表

    jquery带页码标识焦点图代码jquery带页码标识焦点图代码是一款可添加多图使用,基于jQuery插件,点击按钮及自动左右平滑切换图片特效。jquery左右箭头图片切换平滑滚动 所属专题:焦点图代码

    <script language="javascript">
    var rnum=$(".mkeUl ul li").size();
    var cnum=0;
    $(".mke_ns2").html(rnum);
    $(".mkeUl ul").width(rnum*588);
    $(".mkeRbtn").click(function(){
    cnum++;
    if(cnum>(rnum-1)){
    cnum=0
    }
    $(".mkeUl ul").animate({"left":-cnum*588},300);
    $(".mke_ns1").html(cnum+1);
    });
    $(".mkeLbtn").click(function(){
    cnum--;
    if(cnum<0){
    cnum=rnum-1;
    }
    $(".mkeUl ul").animate({"left":-cnum*588},300);
    $(".mke_ns1").html(cnum+1);
    });


    function autoPlay(){
      cnum++;
    if(cnum>(rnum-1)){
    cnum=0
    }
    $(".mkeUl ul").animate({"left":-cnum*588},300);
    $(".mke_ns1").html(cnum+1);
    }
    var Timer=setInterval(autoPlay,4000);
    $(".mkeFocus").hover(function(){clearInterval(Timer)},function(){Timer=setInterval(autoPlay,4000);});


    </script>

    jquery带页码标识焦点图代码由源码搜藏网整理,转载请注明出处http://www.codesocang.com/texiao/jQuerytexiao/10136.html 源码搜藏承诺:本站所有资源无病毒,无弹窗,无干扰链接!