`

JQuery的animate在IE中出错问题

阅读更多

今天给网站加了一个动画效果,就是一系列的图片在一个容器框里左右滚动,其实就是改变容器的left属性,用的是JQuery1.3.2。发现在Firefox下一切正常,但是IE和Chrome里面图片不能滚动,IE出现"Invalid Argument" in the jquery library at line 4166 character 5, 该行的代码是:

fx.elem.style[ fx.prop ] = fx.now + fx.unit; 
 

用IE8的Debug功能发现fx.now的值为NaN,于是在css文件里面给容器的left属性一个初始值,问题解决。
结论就是,用JQuery的animate时,animate的属性要记得初始化。

 

---

0
0
分享到:
评论

相关推荐

    jquery数字跳动插件Animate Number.zip

    3. **使用方法**:在网页中引入jQuery库和AnimateNumber插件后,可以使用简单的jQuery选择器和方法来应用动画效果。例如,`$("#yourElement").animateNumber({number: yourTargetNumber}, duration, options);` 这行...

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

    本文将介绍如何使用原生JavaScript实现类似jQuery中的animate()方法的动画效果。在前端开发中,jQuery提供了一套非常方便的API来实现动画效果,但随着Web标准的发展和性能优化需求的提高,原生JavaScript的方法逐渐...

    jquery animate分页按钮.zip

    jQuery Animate分页按钮是一种巧妙的交互设计,它通过动画效果增强了分页功能的视觉吸引力,使得用户在浏览大量数据时能够更加便捷地进行页面切换。本文将深入探讨这一技术的核心原理、实现方式以及实际应用。 首先...

    jquery animate图片模向滑动示例.rar

    功能简单,在IE、Firefox、谷歌浏览器 通过测试。详细示例图片。jquery animate() 用于创建自定义动画的函数。这个函数的关键在于指定动画形式及结果样式属性对象。这个对象中每个属性都表示一个可以变化的样式属性...

    jquery animate图片模向滑动示例

    在这个示例中,“jquery animate图片模向滑动示例”正是利用了 `jQuery` 的 `animate` 方法来实现图片在水平方向上的滑动切换,为用户提供一种优雅的方式来浏览大量图片。 首先,`jQuery Animate` 是 `jQuery` 库中...

    jQuery animate滑动收缩展开时间轴大事记发展历程

    在本主题中,我们将深入探讨"jQuery animate滑动收缩展开时间轴大事记发展历程",了解这一功能如何随着时间推移而发展,并在实际项目中应用。 jQuery的animate()函数是其强大的动画工具之一,它允许开发者创建...

    jquery-animateNumber-0.0.14

    在实际应用中,animateNumber插件通常与jQuery的其他功能结合使用,如AJAX请求返回的数据更新或响应用户的交互操作。例如,当你需要在一个计数器上实时显示不断变化的数值时,只需要获取新的数据,然后调用animate...

    jqueryanimate图片无缝滑动javascript网页特效

    3. **jQuery animate()**:通过调用`animate()`方法,改变图片容器的left或transform属性,使其在一定时间内平滑移动,从而实现图片的滑动效果。在每次动画结束时,调整图片顺序,让下一张图片移到前面,形成无缝...

    jquery animate图片无缝滑动

    `jQuery Animate`是jQuery库中的一个强大功能,用于创建平滑的动画效果。在这个场景下,它被用来实现图片的无缝滑动,使得图片在切换时不会出现明显的跳动,给用户带来流畅的视觉体验。 ### 1. jQuery Animate 基础...

    免费jquery animate小用例

    在这个"免费jquery animate小用例"中,我们将深入探讨`animate()`的使用方法及其背后的原理。 `animate()`函数允许开发者自定义元素的各种CSS属性(如宽度、高度、位置等)的变化过程,从而实现丰富的动态效果。...

    jQueryAnimate3d是一款炫酷的鼠标滑过图片3D透视特效jQuery插件

    要使用jQuery-Animate3d,首先需要在项目中引入jQuery库和jQuery-Animate3d插件的脚本文件。在HTML文件中,通过`<script>`标签链接到这些资源。接着,可以通过jQuery选择器选取要应用动画的元素,并调用`.animate3d...

    一个简单的图片放大效果基于jquery animate函数

    在本文中,我们将深入探讨如何使用jQuery的animate函数来实现一个简单的图片放大效果。jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理、动画效果等任务,使得网页开发更加便捷。在这个案例中,我们...

    jquery animate图片模向滑动.rar

    animate()是jQuery中的一个核心方法,它可以平滑地改变HTML元素的CSS属性,包括位置、尺寸等,从而实现丰富的动画效果。 在"jquery animate图片模向滑动.rar"这个项目中,我们主要关注的是如何利用animate()方法来...

    jquery animate网站banner动画效果.zip

    结合jQuery的animate和CSS3的animate属性,开发者可以在JavaScript的事件驱动下启动CSS3动画,或者在CSS3动画完成后触发jQuery动画,以创建更为复杂的交互式 banner 动画效果。例如,当用户鼠标悬停在banner上时,...

    Jquery的animate实例

    本篇文章将深入探讨jQuery中的`animate()`方法,这是一个强大的功能,用于创建平滑的自定义动画效果。 `animate()`方法是jQuery库中一个核心的函数,允许开发者创建复杂的动画序列。它通过改变CSS属性值,如宽度、...

    jquery animate分页标签按钮鼠标悬停滑动展开分页按钮

    在本主题中,我们将聚焦于如何使用jQuery的animate函数来实现一种动态效果:当鼠标悬停在分页标签按钮上时,这些按钮会滑动展开。这将增加交互性和视觉吸引力。 jQuery是一个轻量级、高性能的JavaScript库,提供了...

    jQuery animate事件卷轴打开动画效果

    在本主题中,我们将深入探讨如何利用jQuery的animate方法实现一种卷轴打开的动画效果。这个效果通常用于模拟书籍翻页、画卷展开等场景,为用户界面增添动态视觉魅力。 首先,了解jQuery的核心功能之一——动画。...

    界面切换jQuery插件AnimateTransition.zip

    该插件可用于网站外观设计,导航,甚至是移动应用程序中的页面切换。 代码示例: AnimateTransition({  container: '.container',  blockIn: '.newElement',  blockOut: '.oldElement',  animation: '...

    jquery animate图片模向滑动

    `animate()`函数是jQuery中用于创建自定义动画的核心方法,它可以改变CSS属性值,包括位置、大小、颜色等。 首先,让我们理解`jQuery animate()`的基本语法: ```javascript $(selector).animate({ property1: ...

Global site tag (gtag.js) - Google Analytics