关于火狐中使用jquery的animate做动画效果的问题解决
2015-12-29 11:57
736 查看
好久没来写日记了,手上有点生分了,这次由于之前做过的一个图片切换效果,一直是在IE和CHROME下完成的,没有在火狐下测试,过了一阵子后在火狐上浏览时发现,图片切换似乎没有任何反应,这里将过程进行了一次记录,以备查询:
首先引入jq文件,
以前的写法:
以上写法在IE和CHROME中均能实现图片切换效果,但在火狐中就不能正常使用了,因此经资料加上验证效果查证,应该使用 marginLeft 实现本效果
好了,如果你的动画也出现了这种问题,不妨回头试一下这次记录的效果吧。
首先引入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带tab切换搜索框样式代码
- jquery hide和show使用
- jquery移出select指定option
- jquery一次赋值多个元素
- jquery跳出each循环
- jquery 表格行计算
- jquery源码学习3
- jquery layout学习
- jquery源码分析2
- jQuery、ajaxFileUpload上传图片记录
- Jquery使用小技巧汇总
- jQuery EasyUI使用教程之设置数据网格的冻结列
- jquery插件封装
- Jquery可编辑table
- jquery源码学习1
- jQuery Validate
- jQuery性能优化
- JQuery autocomplete方法
- 使用jQuery实现自定义tooltip
- jQuery插件:利用zclip插件实现跨浏览器复制(转载)