今天修改网站的bug,把网页显示的几张图片给做成左右滑动的动画效果;
由于本身有一个demo可供参考,然后在此基础上进行修改,所以很快就搞定了,然后在chrome,firefox,IE9下分别进行测试,都没问题;
然后毕竟要考虑IE的兼容性,开始在IE8下测试,然后就出现问题了,样式可以正常显示,但左右滑动的效果没了,百思不得其解,难道jquery的animate方法在IE8下有问题;
于是看animate的实现方式,无外乎就是改变div的margin-left属性值,源代码如下:
$("#productHot").stop(true,true).animate({"margin-left":nextMarginLeft*1-537},500);
想来想去也没想出个所以然,只得问一下领导了,领导看了看,说,你看看是不是这个div的margin-left的代码不规范,或没有初始值什么的;然后我看了下margin-left,我去,程序里根本没有这个属性啊,看来应该是没有初始值这个原因了。然后上CSS,给加上这个初始值,就OK了。
#productHot { margin-left:0px; }
我在网上搜了搜,也有人说,用left也能搞定,这个倒不太清楚,不过有时间试试看;
最后,首先要说的是,用jQuery的animate方法时,animate的属性记得要初始化值;然后要说的是,还是领导厉害,一眼就能看出了大概;
接下来还有IE7的测试,不过IE7的问题更多了,我去;