三角形、菱形的导航条菜单_六边形分三角形图资源-CSDN文库

共7个文件

gif：2个

jpg：2个

bak：1个

导航、title、html

5星 · 超过95%的资源需积分: 10 129 浏览量 2012-06-15 16:22:07 上传评论收藏 33KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

三角形的导航菜单.rar （7个子文件）

ITIL导航

images

title

menu_bg.gif 925B

menu_bg.jpg 11KB

menu.gif 8KB

Thumbs.db 9KB

menu.jpg 28KB

Untitled-1.html 3KB

Untitled-1.html.bak 3KB

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>导航测试</title> <style type="text/css"> #tab_nav2{background-image:url(images/title/menu_bg.gif); height:30px; margin:0px}/*设置总的背景色*/ #nav2 *{font:14px \5B8B\4F53,Arial Narrow,arial;text-decoration:none;color:#333;list-style:none;margin:0;padding:0; line-height:1em; } /**/ #nav2 li{display:inline;} #nav2 li *{height:30px;float:left;cursor:pointer;cursor:hand} #nav2 a{background:url(images/title/menu.gif) -70px -142px no-repeat;padding-left:30px; border-bottom:solid 0px #97995c} /*控制边框的底线；和底线的颜色*/ #nav2 .right{padding-right:30px} #nav2 .center{background:url(images/title/menu.gif) 0 -253px;margin-right:-30px;min-width:30px;height:30px;padding:7px 0;voice-family: "\"}\"";voice-family:inherit;height:16px;} #nav2 .start{background:url(images/title/menu.gif) -70px 0 no-repeat} /左上角*/ #nav2 .end{background:url(images/title/menu.gif) right -66px no-repeat;padding-right:60px} /*右边下角*/ /*以下控件悬停状态的个人形象片。重要的是要记住IE6将只承认:hover当应用到一个链接元素*/ #nav2 a:hover{background:url(images/title/menu.gif) -70px -219px no-repeat} #nav2 a.start:hover{background:url(images/title/menu.gif) -70px -32px no-repeat;} #nav2 a:hover .end{background:url(images/title/menu.gif) right -104px no-repeat;} #nav2 a:hover .center{background:url(images/title/menu.gif) 0 -287px;color:#fff;font-weight:800; } #nav2 a:hover .right{background:url(images/title/menu.gif) right -179px;padding-right:60px;margin-right:-30px;position:relative} a:link { color: #FFF; } #nav2 a:visited { color: red; } a:hover { color: #FF9; } a:active { color: #FFF; } </style> </head> <body> <div id="tab_nav2"> <ul id="nav2"> <li><a href="javascript:void(0)" class="start">配给任务</a></li> <li><a href="javascript:void(0)">零度对策</a></li> <li><a href="javascript:void(0)">变更队列</a></li> <li><a href="javascript:void(0)">有效类别选择</a></li> <li><a href="javascript:void(0)">软件外包</a></li> <li><a href="javascript:void(0)">java外包</a></li> <li><a href="javascript:void(0)">怎样导入代码</a></li> </ul> </div> </body> </html>

评论收藏

内容反馈