三状态玻璃效果导航的源代码-白红宇

三状态玻璃效果导航的源代码

阅读量：5098 次

发布时间：2019-06-13

本文共 1444 字，大约阅读时间需要 4 分钟。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">

<head>

<title>无标题文档</title>

#menu ul{

font-family:Arial;

font-size:14px;

padding:0 0 0 8px;

margin:0 auto;

list-style:none;

height:35px;

white-space:nowrap;

}

#menu ul li{

float:left;

margin:0 2px;

}

#menu ul li a{

display:block;

float:left;

line-height:35px;

color:#666;

text-decoration:none;

padding:0 0 0 14px;

background:url(ys.gif);

}

#menu ul li a b{

display:block;

padding:0 14px 0 0;

background:url(ys.gif) no-repeat right top;

}

#menu ul li a:hover{

color:#fff;

background: url(ys.gif) left center;

}

#menu ul li a:hover b{

background: url(ys.gif) right center;

}

#menu ul li.current a{

color:#fff;

background: url(ys.gif) no-repeat left bottom;

}

#menu ul li.current a b{

background: url(ys.gif) no-repeat right bottom;

}

#menu ul li.current a:hover{

background: url(ys.gif) no-repeat left bottom;

cursor:default;

}

#menu ul li.current a:hover b{

background: url(ys.gif) no-repeat right bottom;

}

</style>

</head>

<body>

<ul>

<li><a href="#"><b>Contact Us</b></a></li>

<li><a href="#"><b>Web Design</b></a></li>

</ul>

</div>

</body>

</html>

转载于:https://www.cnblogs.com/shangcheng/archive/2011/10/10/2205607.html

你可能感兴趣的文章

Eclipse 反编译之 JadClipse

查看>>

asp.net 获取IP地理位置的几个主要接口

查看>>

Python入门-函数

查看>>

[HDU5727]Necklace（二分图最大匹配，枚举）

Window7上搭建symfony开发环境(PEAR)

查看>>

ResolveUrl的用法

查看>>

Linux内核态、用户态简介与IntelCPU特权级别--Ring0-3

查看>>

第23月第24天 git命令 .git-credentials git rm --cached git stash clear

【转载】基于vw等viewport视区相对单位的响应式排版和布局

查看>>

<转>关于MFC的多线程类 CSemaphore,CMutex,CCriticalSection,CEvent

查看>>

jquery中ajax返回值无法传递到上层函数

查看>>