查看文章 |
迅雷导航
2009-08-05 10:42
<!--说明一下，这些内容是从迅雷网站爬出来滴，导航很漂亮，喜欢的同学可以直接复制下面代码直接运行查看，同时也给自己一个备忘--> <html> <head> <style> * { margin:0; padding:0; } html { background:#FFFFFF; } body { font:normal 12px/20px Arial, Verdana, Lucida, Helvetica, simsun, sans-serif; color:#313131; } ul { list-style:none; } a { color:#016A9F; text-decoration:none; } a:hover { text-decoration:underline; } input, select, form img, button { vertical-align:middle; } img { border:0; } button { cursor:pointer; } .channel-nav { width:960px; height:33px; overflow:hidden; margin:0 auto 8px auto; background:url(http://hiphotos.baidu.com/function/pic/item/a9f64a90594123a4a877a407.jpg" src="http://hiphotos.baidu.com/function/pic/item/a9f64a90594123a4a877a407.jpg) no-repeat; padding:1px 2px 3px 2px; position:relative; } .channel-nav ul { width:670px; height:33px; line-height:33px; font-size:14px; overflow:hidden; position:absolute; top:1px; left:4px; } .channel-nav li { height:33px; overflow:hidden; float:left; padding-left:2px; background:url(http://hiphotos.baidu.com/function/pic/item/a9f64a90594123a4a877a407.jpg" src="http://hiphotos.baidu.com/function/pic/item/a9f64a90594123a4a877a407.jpg) no-repeat 0 -40px; position:relative; left:-2px; } .channel-nav li a { float:left; padding:0 16px; color:#fff; } .channel-nav li a:hover, .channel-nav li.selected a { text-decoration:none; background:url(http://hiphotos.baidu.com/function/pic/item/a9f64a90594123a4a877a407.jpg" src="http://hiphotos.baidu.com/function/pic/item/a9f64a90594123a4a877a407.jpg) no-repeat 50% -40px; } .channel-nav .search { position:absolute; width:226px; height:20px; top:8px; left:726px; overflow:hidden; } .channel-nav .search input { position:absolute; width:150px; height:16px; top:2px; left:20px; font-size:12px; line-height:16px; background:none; border:none; } .channel-nav .search input.notxt { color:#D8D8D8; } .channel-nav .search button { position:absolute; width:48px; height:20px; top:0; left:178px; background:none; border:none; padding-top:20px; } </style> </head> <body> <div class="channel-nav"> <ul> <li><a href="http://hi.baidu.com/function">首页</a></li> <li><a href="http://hi.baidu.com/function">新片</a></li> <li><a href="http://hi.baidu.com/function">大片</a></li> <li><a href="http://hi.baidu.com/function">排行榜</a></li> <li><a href="http://hi.baidu.com/function">互联网首播</a></li> <li><a href="http://hi.baidu.com/function">分类</a></li> <li class="selected"><a href="http://hi.baidu.com/function">专题</a></li> <li><a href="http://hi.baidu.com/function" target="_self">影视中心</a> </body> </html> |
最近读者：
