提示：您可以先修改部分代碼再運行
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>CSS Rollover Blogroll w整理</title><style type="text/css">body {font-family: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></head><body><br/>更多js特效請訪問：網頁設計愛好者 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><li>Example Site</li><li>Example Site</li><li>Example Site</li><li>Example Site</li><li>Example Site</li><li>Example Site</li><li>Example Site</li></ul></div></body></html></td> </tr></table>
提示：您可以先修改部分代碼再運行
