The following code to use the above picture, everyone attention to save.
<! 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> <meta http-equiv=" Content-type "content=" text/html; CHARSET=GBK "/> <title>css" mouse sliding link </title> <style> @charset "Utf-8"; /* CSS Document for www.jb51.net*/body {text-align:center; font-size:12px; Color: #777777; Font-family:verdana, Arial, Verdana, Sans-serif, "Song Body"; Background-color: #FFFFFF; margin:0; padding:0; } #Nav {margin:0; Float:left; padding:5px 5px; Text-align:center; width:280px; border:1px solid #777777; } #Nav ul {margin:0; padding:0; List-style-type:none; } #Nav li {float:left; margin:0; width:130px; height:33px; margin-left:5px; padding:0; } #Nav a {display:block; width:130px; height:33px; line-height:33px; #Nav A.dict:link, #Nav a.dict:visited {text-decoration:none; Background:url (http://files.jb51.neT/demoimg/200910/nav.gif) left top no-repeat; #Nav A.dict:hover, #Nav a.dict:active {text-decoration:none; Font-weight:bold; Background:url (http://files.jb51.net/demoimg/200910/nav.gif) left-33px no-repeat; #Nav A.mediaplay:link, #Nav a.mediaplay:visited {text-decoration:none; Background:url (http://files.jb51.net/demoimg/200910/nav.gif) left-66px no-repeat; #Nav A.mediaplay:hover, #Nav a.mediaplay:active {text-decoration:none; Font-weight:bold; Background:url (http://files.jb51.net/demoimg/200910/nav.gif) left-99px no-repeat; #Nav A.realplay:link, #Nav a.realplay:visited {text-decoration:none; Background:url (http://files.jb51.net/demoimg/200910/nav.gif) left-132px no-repeat; #Nav A.realplay:hover, #Nav a.realplay:active {text-decoration:none; Font-weight:bold; Background:url (http://files.jb51.net/demoimg/200910/nav.gif) left-165px no-repeat; } </style> </pead> <body> <center> <div id= "Nav" > <ul> <li> PowerWord </li> <li>MediaPlay</li> <li>RealPlay</li> &L t;li>mediaplay</li> <li>RealPlay</li> </ul> </div> </center> </ Body> </ptml>
[Ctrl + A All SELECT Note: If the need to introduce external JS need to refresh to perform]
