PHP群:95885625 Hbuilder+MUI群:81989597 站长QQ:634381967
    您现在的位置: 首页 > 开发编程 > Jquery教程 > 正文

    jquery轮播插件slide.js 不兼容ie8

    作者:admin来源:网络浏览:时间:2020-09-30 00:07:50我要评论
    导读:在做项目的时候,用slide.js插件实现头部图片轮播效果,在ie8上无法轮播,今天教大家一个解决办法,方法如下。打开slide.js源码,把59-79行...
    在做项目的时候,用slide.js插件实现头部图片轮播效果,在ie8上无法轮播,今天教大家一个解决办法,方法如下。

    打开slide.js源码,把59-79行的代码替换为如下代码:

    1. animate = function(index,len,picUl,btnLi){ 
    2.         moveWidth = -(100/len)*index  + "%"
    3.         var moveWidth2 = -100*index + "%"
    4.         var userAgent = window.navigator.userAgent.toLowerCase(); 
    5.         $.browser.msie8 = $.browser.msie && /msie 8\.0/i.test(userAgent); 
    6.         if($.browser.msie8){ 
    7.             picUl.animate({ 
    8.                 "margin-left":moveWidth2, 
    9.                 "postion":"relative" 
    10.  
    11.             },1000); 
    12.         }else
    13.             picUl.css({ 
    14.                 "-moz-transform""translate("+moveWidth+", 0)"
    15.                 "-webkit-transform""translate("+moveWidth+", 0)"
    16.                 "-o-transform""translate("+moveWidth+", 0)"
    17.                 "-ms-transform""translate("+moveWidth+", 0)"
    18.                 "transition":obj.speed+"ms"
    19.                 "-moz-transition":obj.speed+"ms"
    20.                 "-webkit-transition":obj.speed+"ms"
    21.                 "-o-transition":obj.speed+"ms"
    22.                 "-ms-transition":obj.speed+"ms" 
    23.             }); 
    24.         } 

    这样问题就解决了,可以是轮播了。

    转载请注明(B5教程网)原文链接:https://b5.mxunkeji.com/content-47-2108-1.html
    相关热词搜索: