Question

DW中DIV+CSS

我想做一个类似鼠标经过变换图象 但是拍拍不支持鼠标经过变换图象 我问别人说是用CSS+DIV能实现类似的功能 想具体问一下 ~

Answer 1

这个问题用CSS可以解决,但是有一点必须说明,只能在二幅图片中切换,多了就不行.也就是当鼠标移到时,变成一张图,离开时变成另一张图.<style type="text/css">
a div{ background-image:url(image1.jpg);}
a:hover div{ background-image:url(image2.jpg);}
</style>....<a href=""><div></div></a>以上代码要设置div的显示高度宽度,这样可以达到一个简单的鼠标移到时改变的效果. 但如果你要做的漂亮点,建议还是用flash会更好.在别人的网站用js有时可能会不行,但拍拍中可以放置flash的.

Answer 2

CSS代码：
<style>
.aa{
background:url("aa.jpg");

}
.bb{
background:url("bb.jpg");

}
</style>
===================================================
其中css中的aa\bb可以设置很多属性，实现各种效果！
===================================================
html代码：

<div class="aa" onmouseover="this.className='bb'" onmouseout="this.className='aa'"></div>

Answer 3

这样实现是没问题，但是通常情况不会这样做 就是写css的时候 一般都把这样的图片制作成一张 如：.a{background:url(aaaa.jpg) on-repeat 20 0 } .b{background:url(aaaa.jpg) on-repeat 0 0 } 通常情况用 background-position 这个属性来定位 如 上面的20 0 和 0 0 这样做的好处在于：只需要移动图片的位置即可，避免网速慢的情况下显示不正常的情况，有时候网速慢可能就显示不了，导致页面出现缺陷！

Answer 4

与1楼一致。用事件来控制。onmouseover=""(鼠标经过时触发) onmouseout=""(鼠标离开时出发)