Tip: You can modify some of the code before running
Js+css mouse through the background color of the bilateral frame picture display effect <! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "> <ptml xmlns=" http://www.w3.org/1999/xhtml "> <pead> <title></title> <meta http-equiv = "Content-type" content= "text/html;charset=gb2312" > <!--Add the following code to <pead> and </pead>--> <style Type= "Text/css" > img{border:1px solid #ccc; info li {padding:5px; width:320px; Float:left; Info li. img {padding:5px; border:1px solid #CBCBCB; Display:block; Img:link,.info li. img:visited {border:1px solid #CBCBCB; info li. img:hover{border:1px solid #CBCBCB; Background: #f0f0f0; color:red; } span{Display:block; width:320px; Clear:both; Text-align:center; </style> </pead> <body> <!--Add the following code between <body> and </body>--> <div class= "Info" > <ul> <li><span> picture one </span></li> <li><span> picture two </span></li> <li><span> Photo three </span></li> </ul> </div> </body> </p Tml>
Tip: You can modify some of the code before running
