Question

css/js问题请教，求高手解答

我要实现的效果是这样的，其实就是鼠标移到div上，然后一个背景图片就会慢慢出来了，参见http://www.wmtimes.cn/wmdemo/HoverEffects/ex7.html。但是这个css3效果（如-moz-transition:all 0.2s ease;）在ie下是不支持的，所以想问下有什么解决方法吗？可以用js来实现吗？

Answer 1

不是IE不支持 是低版本的IE不支持
用js你可以 ，定义div的overflow:hidden，让鼠标放上去时，设定一个定时器循环修改图片的left值，让图片向左移动，大约几十像素时，清除定时器。鼠标移出时，直接把图片隐藏就行了、、

这样应该能行 ，你试试吧
请给分。。。

追问

我已经是IE9了，你还想要多高版本的IE啊T_T

追答

额 我没试 不过你按我说的应该可以 还简单。。

Answer 2

用jquery animate实现，想查关健词

追问

可是这是通过background-position来改变位置的啊，查了一下jquery animate，好像不支持啊

追答

有没有搞错，啥不支持啊，jquery没啥不支持的，jquery就是便利的javascript
$("myDiv").mouseover(function(){
$(this).animate({margin-left: "100px"}, 1000)
})
先给设margin-left:500px;
U should try this!