Question

京东鼠标经过变换图片

这种鼠标经过变换图片的效果在DW里怎么做的

Answer 1

可以用css代码实现，

默认状态下一个样式，当鼠标经过的时候换成另一种样式，

比如：

<style>
 .pp td a{
 width:200px;
 height:292px;
 background:url(images/index_05_01_01.jpg);/*默认图片地址*/
 display:block;
}
.pp td a:hover{
 width:200px;
 height:292px;
 background:url(images/index_05_01_03.jpg);/*替换图片地址*/
 display:block;
}
</style>

以上代码功能就是，正常情况下采用 .pp td a{...}定义的样式，

当鼠标经过的时候就采用.pp td a:hover{...}定义的样式，

两个样式的唯一区别就是背景图片不一样，这样这个功能就实现了。