今天修改网站的bug,把网页显示的几张图片给做成左右滑动的动画效果: 由于本身有一个demo可供参考,然后在此基础上进行修改,所以很快就搞定了,然后在chrome,firefox,IE9下分别进行测试,都没问题: 然后毕竟要考虑IE的兼容性,开始在IE8下测试,然后就出现问题了,样式可以正常显示,但左右滑动的效果没了,百思不得其解,难道jquery的animate方法在IE8下有问题: 于是看animate的实现方式,无外乎就是改变div的margin-left属性值,源代码如下: $("#pr…

接上,今天接着修改网站的bug,还是网页的这几张图片,还是滑动效果,但在IE7下不但几张图片只显示一张,更别提滑动效果了,根本滑不了啊: 然后打开IE的F12工具,先看样式,再看滑动效果:本来应该显示4张图片,但只显示了一张,这个错误既然是显示的错误,那直接在调试工具里,对着这个div的有关左右的属性,修改就可以了: 修改后发现,原来是margin这里出问题了,原来的样式是 margin:10px auto; 修改margin-left和margin-right,把它们去掉就行了,但是这是全局样…

本文实例讲述了jQuery中animate()方法用法.分享给大家供大家参考.具体分析如下: 此方法用于创建自定义动画,并且能够规定动画执行时长.擦除效果.动画完成后还可以地触发一个回调函数. animate()方法的使用: 方式一: 以"属性名/值"对象的方式定义动画终止样式属性.例如:  代码如下: $("div").animate( {width:"1000px"})   以上代码能够将div从原有的宽度调整到1000px.也可以一次性使用…

周末看Ziv小威的博客<制作滑动条菜单,如何延时处理滑动效果,避免动画卡顿>,参见地址:http://www.cnblogs.com/zivxiaowei/p/3462964.html.是通过jQury的animate方法来写的一个交互效果,当然他 觉得动画有一些卡,所以他用延时处理的方法,避免动画卡,方法可以值得借鉴.我自己用hover方法,然后动画时间设置的更短,为100毫秒,动画运行起来,速度还行. 正好自己最近需要完成一个系统的导航条的滑动效果,具体是说,hover上导航条的一个选项,…

http://www.w3school.com.cn/jquery/effect_animate.asp 实例 改变 "div" 元素的高度: $(".btn1").click(function(){ $("#box").animate({height:"300px"}); }); 亲自试一试 定义和用法 animate() 方法执行 CSS 属性集的自定义动画. 该方法通过CSS样式将元素从一个状态改变为另一个状态.CSS属…

网站后台用了JQuery Validate框架,版本是jQuery Validation Plugin 1.8.1 因为用的时间比较久了,一直没有更新新版本. 最近公司信息录入员有调整,没有IE11浏览器,使用IE8报错,报错位置如下: 第688行报错:name为null. 找了好多资料,最终找到合适的解决方案如下,在jquery.validate.js文件中找到elements方法,原来注释掉了这段代码: if ( this.name in rulesCache || !validator.o…

这几天在学jQuery,本身还只是一个新手,写了一个简单的动画--圆形头像的缩放.本身是用Firefox进行调试的,一切进行的很顺利,缩放可以按照预期执行,结果拿到IE上去之后,发现缩放动画失效了.后来百度了一些东西都没有找到关键所在,最后Google一下,找到了很多实用的解决方法,现在在这里总结一下,希望对有同样困惑的同学能够有所帮助. 可能的原因: (1)jQuery版本过于陈旧. solution: 更换新版本的jQuery包,但是更换之后记得测试你的代码,因为并不是所有的包都向后兼容.…

jQuery.animate() 函数详解 animate()函数用于执行一个基于css属性的自定义动画. 你可以为匹配的元素设置css样式,animate()函数将会执行一个从当前样式到指定的css样式的一个过渡动画. 例如:某个div元素的当前高度为100px,将其CSS height属性设为200px,animate()将会执行一个将div元素的高度从100px逐渐增加到200px的过渡动画. 该函数属于jQuery对象(实例). 语法 jQuery 1.0 新增该函数.animate()…

用于创建自定义动画的函数. 返回值:jQuery animate(params, [duration], [easing], [callback]) 如果使用的是“hide”.“show”或“toggle”这样的字符串值,则会为该属性调用默认的动画形式.paramsOptions一组包 含作为动画属性和终值的样式属性和及其值的集合 params 对象{},注意:所有指定的属性必须用骆驼形式,比如用marginLeft代替margin-left,如果使用的是“hide”. “show”或“togg…

如题,举例: $('body').animate({scrollTop:0}, 1500); $("body").animate({scrollTop:"-="+50},350); 还有其他的几个小例子: 禁用元素: $('button').attr('disabled', 'disabled'); $('button').removeAttr('disabled'); 遍历元素集合: $("input:text").each(function(…