CSS悬停放大旋转的导航菜单_表格CSS选项卡_好我要网--特色网络资源网站,hao51xx-好我要嘻嘻,好多我要滴!

CSS悬停放大旋转的导航菜单

发布时间：2009/7/9 阅读次数：6570 字体大小: 【小】【中】【大】

本代码描述：
这个代码很简单，不用js、flash，全部htm代码！里面的颜色等自己慢慢调吧！

<html> <head> <title>鼠标悬停放大的国外菜单</title> <style type="text/css"> /* www.hao51xx.com */ h1 { font-family:arial; } ul#navlist { display: inline; list-style: none; } ul#navlist li { float: left; width: 80px; height:30px; } ul#navlist li a { text-decoration: none; width: 80px; height:30px; padding:5px; font-size:9pt; font-family:arial; text-align:center; line-height:50px; border-top: 5px solid #fff; border-bottom: 5px solid #fff; border-right:1px solid #fff; border-left:1px solid #fff; background: #F62805; display:block; color:#fff; } ul#navlist li a:hover { border-top: 5px solid #004a80; border-bottom: 5px solid #FD9D25; background:#FD9D25; font-size:9pt; font-weight:bold; } </style> </head> <body> <div id="navbar"> <ul id="navlist"> <li><a href="http://www.hao51xx.com">特效代码</a></li> <li><a href="http://bbs.hao51xx.com">网页技巧</a></li> <li><a href="http://www.hao51xx.com">最新更新</a></li> <li><a href="http://bbs.hao51xx.com">资源分类</a></li> <li><a href="http://bbs.hao51xx.com">下载排行</a></li> <li><a href="http://bbs.hao51xx.com">网络电视</a></li> <li><a href="http://bbs.hao51xx.com">网址导航</a></li> <li><a href="http://bbs.hao51xx.com">给我留言</a></li> </ul> </div> </div> </body> </html>
帮助

提示：部分代码需要到这里测试才能看见完整效果！

在中搜索：“CSS悬停放大旋转的导航菜单”更多内容
在中搜索：“CSS悬停放大旋转的导航菜单”更多内容

上一篇：简洁选项卡点击背景切换特效下一篇：超酷的自动切换的选项卡特效

我要评论