html游戏更换图片,CSS控制当鼠标滑过时更换图片的效果

复制代码代码如下:

CSS实现鼠标移动到图片，更换图片

*{ margin:0; padding:0;}

ul li{ list-style:none;}

.nav{ width:800px; height:40px; margin:150px auto;}

.nav ul li{ float:left; width:200px;}

.nav ul li a:link,a:visited{ display:block; width:190px; height:40px; background:url(/jscss/demoimg/wall_s1.jpg);}/*链接、点击后*/

.nav ul li a:hover{background:url(/jscss/demoimg/wall_s2.jpg);}/*鼠标经过*/

.nav ul li a:active{background:url(/jscss/demoimg/wall_s3.jpg);}/*点击时*/