关于火狐中使用jquery的animate做动画效果的问题解决

好久没来写日记了，手上有点生分了，这次由于之前做过的一个图片切换效果，一直是在IE和CHROME下完成的，没有在火狐下测试，过了一阵子后在火狐上浏览时发现，图片切换似乎没有任何反应，这里将过程进行了一次记录，以备查询: 首先引入jq文件，以前的写法：

<script>
$(function(){
$('#demo').animate({'margin-left':'1000px'},'slow');
});
</script>
<span id="demo">adsf</span>

以上写法在IE和CHROME中均能实现图片切换效果，但在火狐中就不能正常使用了，因此经资料加上验证效果查证，应该使用 marginLeft 实现本效果

<script>
$(function(){
$('#demo').animate({marginLeft:'1000px'},'slow');
});
</script>
<span id="demo">adsf</span>

好了，如果你的动画也出现了这种问题，不妨回头试一下这次记录的效果吧。

关于火狐中使用jquery的animate做动画效果的问题解决相关推荐

在 jQuery 中使用滑入滑出动画效果，实现二级下拉导航菜单的显示与隐藏效果
查看本章节查看作业目录需求说明: 在 jQuery 中使用滑入滑出动画效果,实现二级下拉导航菜单的显示与隐藏效果用户将光标移动到"最新动态页"或"帮助查询" ...
深入学习jQuery的三种常见动画效果
前面的话动画效果是jQuery吸引人的地方.通过jQuery的动画方法,能够轻松地为网页添加视觉效果,给用户一种全新的体验.jQuery动画是一个大的系列,本文将详细介绍jQuery的三种常见动画效 ...
用计算机做动画效果,动画图片多种效果制作步骤
动画图片多种效果制作步骤:文字绕月旋转做法 <一>打开FLASH软件,设置版面及导入背景图片,按图解进行,并在35帧处插入帧 . 当这些操作完后与平时在办公软件打字一样,打一部分就保存,这 ...
Vue入门之animate过渡动画效果
简介: transition方法的使用 transition内置方法 transition-group animate库实现过渡动画 `<!DOCTYPE html>` `<html ...
jQuery之animate自定义动画
下面是对jQuery自定义动画的整理,希望可以帮助到有需要的小伙伴. jQuery的animate()方法可以用来自定义动画方法语法结构如下: animate(properties,duration ...
Jquery的animate()反应过慢的问题解决
一张网页中少不了回到顶部的按钮,点击页面会自动回到网页顶部,可以使用超链接的方式,但是瞬间就回到顶部的效果实在不太理想,比较好的效果是向上滚动持续大约0.5秒,这就需要用到动画效果了. 我选择使用jq ...
ios开发——使用CALayer和Core Animation做动画效果
一. CALayer (一). CALayer简介在iOS中,你能看得见摸得着的东西基本上都是UIView,比如一个按钮.一个文本标签.一个文本输入框.一个图标等等,这些都是UIView,其实UIV ...
Android中使用SVG实现炫酷动画效果
前言 SVG,即Scalable Vector Graphics 可伸缩矢量图形.这种图像格式在前端中已经使用的非常广泛,而在移动端的开发中,遇到一些复杂的自定义控件或者动画效果,我们就可以考虑使用S ...
jQuery基础之实现动画效果
一.动画 1.jQuery animate()方法允许创建自定义的动画且接受三个参数animate({params},speed,callback) params:该参数定义形成动画的css属性 s ...

关于火狐中使用jquery的animate做动画效果的问题解决

关于火狐中使用jquery的animate做动画效果的问题解决相关推荐

最新文章

热门文章