Question

html代码中加css

<li><a href="#">优惠活动</a></li>
这条代码，我想让他鼠标经过显示北京图片离开没有，在li中用this onmouseover怎么写来着，时间长不用有点忘了

Answer 1

你可以通过两种方式：

第一种定义一个鼠标移上去的class=mouser-over,移开的class=mouse-out,的CSS，然后通过JS实践切换className;JS代码如下：CSS样式很简单就不写了。

<script type="text/javascript">
window.onload = function(){
    var li = document.getElementsByName('li');
    if(li){
        for(var i = 0, j = li.length; i < j; i++){
            li[i].onmouseover = function(){
                this.className = "mouse-over";
            };
            li[i].onmouseout = function(){
                this.className = "mouse-out";
            };
        }
    }
};
</script>

另一个是直接在li标签上添加行内样式：代码如下：

<script type="text/javascript">
window.onload = function(){
    var li = document.getElementsByName('li');
    if(li){
        for(var i = 0, j = li.length; i < j; i++){
            li[i].onmouseover = function(){
                this.style.backgroundImage = "url('over.jpg')";
            };
            li[i].onmouseout = function(){
                this.style.backgroundImage = "url('out.jpg')";
            };
        }
    }
};
</script>

Answer 2

li:hover{background:url(image.jpg) no-repeat;}

追问

这个ie6不兼容，我想在直接内嵌，不想在css中写

追答

onMouseOver="this.background='a.jpg';" onMouseOut="this.background='b.jpg';"