您现在的位置是:首页 > 电脑技术查询 > web开发

想得到“鼠标滑过变换背景图片的效果”,该如何处理

编辑:chaxungu时间:2022-10-02 23:19:04分类:web开发

想得到“鼠标滑过变换背景图片的效果”
样式表:
.mouseover{background-image:url(Pic/200707/dot.jpg);}
.mouseout{}
脚本:
onMouseOver= "this.className=mouseover "
onMouseOut= "this.className= 'mouseout ' "

如果是background-color可以得到想要的效果,如果是background-image就不行了。这个问题要怎么解决?

------解决方案--------------------
<style type= "text/css ">
<!--
.mouseover,.mouseout{height:59px; width:174px;border:1px solid #FF0000;}
.mouseover{background-image: url(logo.gif);}
.mouseout{background-image:none;}
-->
</style>
<div class= "mouseout " onMouseOver= "this.className= 'mouseover ' " onmouseout= "this.className= 'mouseout ' "> </div>


------解决方案--------------------
帮顶