中英文双语导航菜单
作者:blank 来源:蓝色经典 发布时间:2007-05-11 17:04:00
作者的blog :http://www.planabc.net/
老甘的《完全用CSS实现的中英文双语导航菜单》一文中使用“position: absolute;left: -999em;”将其左缩进N远,并通过“visibility: hidden;”将其物理隐藏(实际是占位的),此时显示英文导航。当hover触发时,z-index定义在上,并将其绝对定位位置设置为左上,设置visibility: visible;显示,此时span层覆盖在a层上,显示中文。
我们还可以用另一种思维使用hover触发display属性实现:
CSS代码修改如下:
#nav li a,#nav li a:hover span {
line-height: 20px;
text-decoration: none;
background: #DDDDDD;
color: #666666;
display: block;
width: 80px;
text-align: center;
overflow:hidden;
}
#nav li a span {
display:none;
}
#nav a:hover {
position: relative;
}
#nav a:hover span {
display:block;
position:absolute;
top: 0;
left: 0;
cursor: pointer;
}
#nav a:hover span {
padding-top:2px;
}
#nav li a:hover,#nav li a:hover span {
color: #FFFFFF;
background: #DC4E1B;
}
运行代码框
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
深入阅读:
猜你喜欢
- 交互设计就是研究人与物体之间如何互动的问题,比如按电梯时,按钮立即高亮,同时屏幕上显示电梯现在所在楼层数,这个过程就是交互设计,而电梯按钮用
- asp vbs Cache缓存类属性valid,是否可用,取值前判断属性name,cache名,新建对象后赋值方法add(值,到期时间),设
- 关于本文:本着互联网共享主义精神,特写此文献给建站新手,授人以鱼,不如授人以渔,本文所讲的只是方法和原理,希望大家看完此文,能够从中得到些帮
- 最近发现一常见的加载进度条(loadding)的问题,所以试试,觉得还不错,大家可以看下.当然这个只是一个效果而已!呵呵,用的着的时候,你就
- 要想从命令行启动mysqld服务器,你应当启动控制台窗口(或“DOS window”)并输入命令:C
- Dreaweaver MX 2004 中增加了图片处理功能,如图片亮度和对比度的调节、图片的锐化效果等
- 当在设计中我们讨论到,对于一个功能或元素是否应该添加的时候,秉承“如无所需、勿增实体”的原则,我们通常会放弃只有小众/小部分人群才会使用的功
- 首先,这片文章纯粹是我的个人经验之谈,适用于我常见的环境及项目中。个人建议,数据库字符集尽量使用utf8(HTML页面对应的是utf-8),
- 在SQL Server Management Studio 用WINDOWS连接的情况下改实列的“属性&rdqu
- 一、MySQL修改密码方法总结首先要说明一点的是:一般情况下,修改MySQL密码是需要有mysql里的root权限的,这样一般用户是无法更改
- 如果您是HTML的初学者,请您先自学HTML。因为DHTML是现有的HTML技术的一个综合,所以HTML语言对学习动态HTML是
- 对所有数据进行整合与管理当你使用SQL Server 2008企业级的数据仓库平台时,你可以高效的操纵所有数据,并对其进行统一管理存储。◆合
- 一、前言:在经过一段时间的存储过程开发之后,写下了一些开发时候的小结和经验与大家共享,希望对大家有益,主要是针对Sybase和SQL Ser
- IE下专属CSS:<![if !IE]><link rel="stylesheet" type=&qu
- 大家都知道对于一个页面来说,最基本的结构呢就是<html> <head> <!-- 头部信息内容区域
- web2.0的标志是Ajax的异步通信的发掘,给我们带来像google map,google suggest 这样令人惊叹的东西。而Ajax
- Oracle的执行计划一句话命令:set autotrace on
- 在许多用SQL Server实现的新的企业系统设计中,系统设计师需要在给数据结构和管理应用程序逻辑的定位上做出具有关键性意义的决定。SQL
- 当管理SQL Server内在的帐户和密码时,我们很容易认为这一切都相当的安全。毕竟,你的SQL Server系统被保护在防火墙里,而且还有
- 使用ASP设置指定站点CPU最大使用程度'=============================================