Tip: You can modify some of the code before running
<! 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=utf-8 "/> <title>css rollover blogroll w finishing </title> <style type=" Text/css "> body {Font-fami ly:verdana,sans-serif;font-size:12px;line-height:20px;} . blogroll {position:relative;width:274px}. blogroll p {width:274px;height:21px;background:url ( Pbd-css-blogroll-rollover-img.png) 0 0 no-repeat;text-indent:-9999px;margin:0;} . blogroll ul {width:272px;background: #214868; border:1px solid #48758d; border-width:0 1px 1px 1px;position:absolute;left:0;top:21px;margin:0;padding:0;list-style:none;} . blogroll ul A:link,. Blogroll ul a:visited {display:block;width:252px;padding:2px 10px 2px 10px;text-decoration:none; Color: #93b8d3; font-weight:normal;} . blogroll ul A:hover,. Blogroll ul a:active {background: #366386;} . blogroll {HEight:21px;overflow:hidden;} . blogroll:hover {Overflow:visible} . blogroll {Display:none} html>body. blogroll {display:block;} </style> </pead> <body> <br/> more JS special effects please visit: Web Design enthusiasts http://www.111cn.net <div class= "Blogroll" > <p>Blogroll</p> <ul> <li>example site</li> <li>example site</li> <li>example site</li> <li>example site</li> <li>example Site</li> >example site</li> <li>example site</li> <li>example Site</li> site</li> <li>example site</li> <li>example site</li> <li>Example li> </ul> </div> </body> </ptml></td> </tr> </table>
Tip: You can modify some of the code before running
