Question

想用js代码代替这个效果，这是CSS3的属性，IE8不兼容

.hotSale img {
-webkit-transition: -webkit-transform .2s linear;
-moz-transition: -moz-transform .2s linear;
-o-transition: -o-transform .2s linear;
transition: transform .2s linear;
}
.hotSale img:hover {
-webkit-transform: translateX(-5px);
-moz-transform: translateX(-5px);
-ms-transform: translateX(-5px);
-o-transform: translateX(-5px);
transform: translateX(-5px);
}

Answer 1

活用jQuery和CSS属性能很轻松达到你所需求的效果

<script type="text/javascript" src="/jquery/jquery.js"></script>  //换成你自己jquery的文件位置
<script type="text/javascript">
$(document).ready(function(){
$("img").mouseenter(function(){   //鼠标进入
$("img").animate({marginLeft:'-5px'},200); //animate是动画，之后接CSS属性要用大括号
});$("img").mouseleave(function(){    ///鼠标离开
$("img").animate({marginLeft:'0px'},200);  //后面的200是动画持续的毫秒数
});
});
</script>

Answer 2

你还不如直接描述下你想要的效果呢