| 当前位置：主页>网站建设>DIV教程> | ||||||||||||||||||||||||||||||||||
DIV+CSS打造背景图片超级翻转网页导航菜单 | ||||||||||||||||||||||||||||||||||
| 来源： 作者： 发布时间：2007-08-04 | ||||||||||||||||||||||||||||||||||
|
<!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=gb2312" /> <title>www.xhit.cn</title> <style> * { margin:0; padding:0; font-size:12px; text-align:center; } body { background:#ffff; } #nav { width:700px; margin:20px auto 0 auto; } #nav li { display:inline; list-style-type:none; } #nav li a:link,#nav li a:visited { float:left; margin-right:1px; height:26px; line-height:26px; padding:0 8px; text-decoration: none; color:#333; background:url(/upfiles/2007-6/20070623141540_link.jpg); } #nav li a:hover { color:#000; background:url(/upfiles/2007-6/20070623141520_hover.jpg); } #home #nav li a#cur1,#divcss #nav li a#cur2,#csslayout #nav li a#cur3,#css20 #nav li a#cur4,#websites #nav li a#cur5,#moban #nav li a#cur6 { color:#fff; background:url(/upfiles/2007-6/20070623141450_current.jpg); } #topline { width:100%; height:3px; overflow:hidden; background:#06f; } #content { width:680px; margin:18px auto 0 auto; text-align:left; color:#000; } </style> </head> <body id="home"> <ul id="nav"> <li><a href="" id="cur1">设计家园</a></li> <li><a href="/design.asp" id="cur2">网页教程</a></li> <li><a href="/photo.asp" id="cur3">网页素材</a></li> <li><a href="/web.asp" id="cur4">设计网址</a></li> <li><a href="/cool.asp" id="cur5">酷站欣赏</a></li> <li><a href="/mark" id="cur6">网络书签</a></li> </ul> <div id="topline"></div> <div id="content"> 现在的位置: <strong>home</strong> ( 设计家园首页) </div> </body> </html> | ||||||||||||||||||||||||||||||||||
|
| ||||||||||||||||||||||||||||||||||
| 评论 | 收藏 | 大 中 小 | 打印 | 关闭 | ||||||||||||||||||||||||||||||||||
| ||||||||||||||||||||||||||||||||||
