0 0

jquery图片动画在IE下不流畅 0

我用 jquery 做了一个焦点图的特效,是那种 滑动 的切换特效(从左到右或者从右到左),但是在 IE 下面切换图片很不流畅。

 

附件就是我做的特效,那位好心人告诉我该怎么做的说。。。。。

2013年4月10日 20:34

5个答案 按时间排序 按投票排序

0 0

采纳的答案

我试试了不卡啊,ie就这样。。。。我们公司的系统只需要支持ie6,如果别人告诉我们用不了,我们可以大声的说用ie6,,.哈哈

2013年4月11日 09:55
0 0

在奇葩的低版本IE前,多半也不是原因,但我觉得楼主的代码有优化的空间。

比如类似大量重复的长长的
$(".scroller").find(".images_li").children("li")...

这种完全可以定义该局部变量替换掉吧。
var lis = $(".scroller").find(".images_li").children("li");

特别是在循环中,类似

for (var i = 0; i < sum_li; i++) {
    if (i != liID_images) {
        var css_left = $(".scroller").find(".images_li").children("li").eq(i).css("left", "1001px");
    }
}


应该写成
var lis = $(".scroller").find(".images_li").children("li");
for (var i = 0; i < sum_li; i++) {
    if (i != liID_images) {
        lis.eq(i).css("left", "1001px");
    }
}



也许不能起作用,但是应该整理下好些。

2013年4月11日 11:51
0 0

本机IE8运行下看起来正常,chrome也正常不会很卡
不知楼主是IE哪个版本

试试focus_images.js将里面的500改小一些看看要不要更好些

2013年4月11日 11:45
0 0

很正常。同样的代码,有时候在FF或者是chrome下,动画的效果很平滑,一到IE下就会产生卡的现象!

2013年4月10日 23:35
0 0

ie这东西 尤其ie8及以下  不过我在我电脑上测试了下(ie8) 没发现卡

我觉得要是没什么很必要 淡入淡出 比较好 

2013年4月10日 21:24

相关推荐

    jquery图片动画相册

    为了实现图片的无缝滚动效果,开发者可能会采用预加载技术,当用户接近画廊边缘时,提前加载下一组图片,确保流畅的浏览体验。同时,可能还采用了懒加载策略,只在图片进入视口时才加载,减少首屏加载时间。 此外,...

    简单的jquery文字动画

    虽然CSS3的动画和过渡功能在现代浏览器中得到了广泛支持,但在旧版IE或其他较早的浏览器中可能存在问题。为了确保广泛的兼容性,可以使用polyfills(如Modernizr)或jQuery插件来模拟缺失的功能。 ### 六、优化与...

    兼容IE8的jQuery图片宽屏幻灯片轮播插件

    "兼容IE8的jQuery宽屏幻灯片轮播插件"是专为解决在旧版Internet Explorer(特别是IE8)上实现流畅、美观的图片轮播而设计的解决方案。jQuery库的强大功能与兼容性使得这个插件能够在众多浏览器上运行,包括那些对...

    易迅网新产品首发jQuery大屏动画焦点图代码,效果超炫。兼容主流浏览器(ie6除外)

    【jQuery大屏动画焦点图】是一种常见的网页设计元素,它利用JavaScript库jQuery的特性来创建动态展示多张图片或内容的交互式展示区域。在易迅网的新产品首发页面上,这种焦点图的设计无疑增加了用户体验的吸引力,...

    响应式jquery图片轮播插件

    响应式jQuery图片轮播插件是一种广泛应用于网页设计中的组件,它允许网页在不同设备上展示多张图片或内容,并且能自动切换,为用户提供流畅的视觉体验。jQuery是一个轻量级、功能丰富的JavaScript库,它简化了HTML...

    jquery动画洗牌图片3D特效.zip

    这个“jquery动画洗牌图片3D特效”是利用jQuery来实现的一种视觉效果,它为网页增添了生动有趣的互动性。接下来,我们将深入探讨这个特效背后的技术原理和实现方法。 首先,3D洗牌效果通常是通过CSS3的transform...

    Jquery 图片懒加载

    1. **图片延迟加载**:只加载可见区域内的图片,其他图片在用户滚动页面时按需加载。 2. **自适应布局**:支持响应式设计,无论屏幕尺寸如何变化,都能保证图片的正确懒加载。 3. **兼容性良好**:适用于大部分现代...

    jQuery实现带控制按钮的图片滚动特效(可多个)

    "jQuery实现带控制按钮的图片滚动特效(可多个)"是一个常见的交互设计实践,它利用jQuery库的强大功能,为用户提供了一种流畅且可控制的图片展示方式。jQuery是一个轻量级、高性能的JavaScript库,简化了DOM操作、...

    jQuery鼠标经过图片局部放大.zip

    在网页设计中,图片展示是不可或缺的一部分,而增强用户体验的方式之一就是通过动态效果来吸引用户的注意力。本项目“jQuery鼠标经过图片局部放大”提供了一种方法,能够在用户将鼠标悬停在图片上时,实现图片的局部...

    jQuery悬停动画HoverEx插件.zip

    2. 高性能:优化的动画引擎确保在各种设备上都能流畅运行,不会因为过多的计算而导致页面卡顿。 3. 兼容性:HoverEx插件支持现代浏览器,同时对IE8及更高版本也有良好的兼容性,确保广泛的应用范围。 4. 易用性:...

    图片旋转插件jQuery.artZoom支持jQuery2

    3. **平滑过渡效果**:在进行图片缩放和旋转时,`jQuery.artZoom`提供了平滑的过渡效果,使得交互过程更加流畅自然,提升了视觉体验。 4. **自定义设置**:开发者可以根据实际需求调整插件的各种参数,如放大倍数、...

    jquery数字动画插件animationCounter.js

    animationCounter.js贴心地支持了IE8及以上的浏览器,这意味着它可以在更广泛的设备和环境下正常工作,降低了开发者在兼容性方面的困扰。 在实际应用中,animationCounter.js可以广泛应用于数据可视化、统计图表、...

    jQuery大屏带导航的焦点图,png格式大图动画切换,兼容 IE 6789 及其它主流浏览器

    考虑到IE6、7、8、9的兼容性,我们需要引入jQuery的兼容性库,如jQuery migrate,以便解决某些新特性在旧版IE中的不支持问题。同时,我们还需要确保所有的CSS和JavaScript代码遵循传统的浏览器前缀规则,以确保在老...

    jQuery 无缝图片横向滚动代码

    这种效果常用于产品展示、相册浏览或幻灯片展示等场景,通过平滑过渡的方式使得用户在浏览多张图片时感觉更加流畅。 首先,我们需要了解jQuery,这是一个广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、...

    用jquery做的网页图片滚动效果插件

    2. **CSS样式**:为图片容器和图片设置初始样式,如宽度、高度、定位等,确保图片在初始状态下可以正确显示。 3. **jQuery初始化**:在文档加载完成后,使用jQuery选择器找到图片容器,然后调用插件函数进行初始化...

    jquery实现图片旋转(js实现)

    本文将深入探讨如何使用jQuery来实现图片旋转功能,并兼容IE、Firefox、Opera和Chrome等主流浏览器。 首先,要实现图片旋转,我们需要理解CSS3中的`transform`属性,尤其是`rotate()`函数。`rotate()`允许我们以...

    jquery 小游戏制作网页版坦克大战游戏源码下载(不兼容IE)

    然而,由于该游戏不兼容IE浏览器,可能是因为jQuery的某些特性在IE上的支持不佳,或者游戏的其他技术依赖不被IE支持。这提醒我们在进行Web开发时,应当考虑到不同浏览器的兼容性问题,尤其是对于一些老版本或者市场...

    车轮网jQuery带动画效果焦点图淡入淡出轮播切换效果特效

    《车轮网jQuery动画焦点图淡入淡出切换详解》 在网页设计中,动态的焦点图能够吸引用户的注意力,提升用户体验。车轮网的jQuery焦点图特效就是一种优秀的实践,它采用淡入淡出的切换方式,既保证了视觉效果的平滑,...

    jQuery.artZoom旋转放大图片

    这个插件允许用户在不离开当前页面的情况下,对图片进行放大查看,同时还能自由旋转图片,提供更好的用户体验。 **插件特点** 1. **原图大小**:jQuery.artZoom插件默认情况下,图片放大后仍然是原图大小,这样...

    原生js实现jquery函数animate()动画效果的简单实例

    这种使用原生JavaScript实现的动画方法,虽然代码量较大且复杂度较高,但它的好处是能够更细致地控制动画过程,可以针对不同浏览器进行优化,并且在不支持jQuery的环境中也可以使用。在现代Web开发中,为了提高性能...

Global site tag (gtag.js) - Google Analytics