Completely using CSS to move the mouse to the picture and change the picture_Image special effects

CSS implements moving the mouse to the picture and changing the picture. This is an effect completely achieved with CSS. Of course, it can also be achieved with JavaScript. When the mouse is moved to the picture, the picture is automatically changed to another picture. From this we You can create some buttons with complex effects, such as color-changing buttons.

<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>CSS enables moving the mouse to the image and changing the image</title> <style type="text/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(http://files.jb51.net/file_images/article/201212/picmove_1/wall_s1.jpg);}/*</style>