CSS代码鼠标经过图片变换如何做

2024-12-02 17:42:38
推荐回答(4个)
回答1:

这样就搞定了。。。里面的图片位置你自己放了哟~~~
onMouseOver="this.src='#'" onMouseOut="this.src='#'">

回答2:

使用jquery的toggle方法进行图片切换:

$(function(){

$("#h1").toggle(function(){

$("#h1").css("background-image","路径('./20110528073501b54e6.jpg')");

},function(){

$("#h1").css("background-image","路径('./2011060708410874041.jpg')");

})

})

CSS

.hh1{

background: url("./2011060708410874041.jpg");

width: 120px;

height: 90px;

}

回答3:

只要IE在a标签中才可以用css做这个,代码如下a{
background:url(1.jpg);
}
a:hover { background:url(2.jpg);
}

回答4:





兼容IE6



网页顽主论坛
这里有更多的文字仍旧能正常显示
经典论坛
其他相关设计论坛
/*css代码*/a{
background:url(../img/btbg.gif);
display:block;
float:left;
font:14px "宋体";
line-height:30px;
height:30px;
color:#FFF;
text-decoration:none;
margin-left:6px;
}
a span{
background:url(../img/btbg.gif);
display:block;
padding:0px 10px 0px 8px;
border-right:#999999 solid 1px;
}
a:hover span{ background:url(../img/btbg1.gif);
display:block;
padding:0px 10px 0px 8px;
}