导航代码

<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">

.a1{ width:120px; height:40px; background-color:#F00; position:relative; cursor:pointer; overflow:hidden;}
.a1:hover{ overflow:visible}
.a2{ width:120px; height:40px; background-color:#00F; position:relative; cursor:pointer; top:40px; overflow:hidden;}
.a2:hover{ overflow:visible }
.a3{ width:120px; height:40px; background-color:#0F0; margin-left:120px; cursor:pointer;}
.a4{ width:120px; height:40px; background-color:#FF0; position:relative; cursor:pointer; top:40px; overflow:hidden;}
.a4:hover{ overflow:visible }
.a5{ width:120px; height:40px; background-color:#F90; margin-left:120px; cursor:pointer;}
.a6{ width:120px; height:40px; background-color:#63F; position:relative; cursor:pointer; top:40px; overflow:hidden;}
.a6:hover{ overflow:visible}
.a7{ width:120px; height:40px; background-color:#999; margin-left:120px; cursor:pointer;}
</style>

</head>
<body>

<div class="a1">

<div class="a2"><div class="a3"></div>
</div>

<div class="a4"><div class="a5"></div>
</div>

<div class="a6"><div class="a7"></div>
</div>

</div>

</body>
</html>

时间： 2024-12-29 07:42:15

导航代码的相关文章

jQuery防京东浮动网站楼层导航代码

jQuery防京东浮动网站楼层导航代码 <!DOCTYPE html > <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/> <title>jQuery防京

悬浮导航代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Typ

sharepoint 2013 中自建母版页，自动生成html中的顶部导航代码步骤

sharepoint 2013 中自建母版页,自动生成html中的顶部导航代码步骤分类: SharePoint2013-07-05 11:21 738人阅读评论(0) 收藏举报 SharePointsharepoint 2013 1.点击打开设计编辑器:编辑母版页项目 2.找到或者新建一个测试页面(.html),点击网页右上方的"代码段"打开 3.点击代码段打开如下页面,点击对应导航便会自动生成html中可以直接是用的导航代码 4.复制代码段到html模板中相应位置(自行定义,可

IOS笔记 #pragma mark的用法和作用（方便查找和导航代码）

简单的来说就是为了方便查找和导航代码用的. 下面举例如何快速的定位到我已经标识过的代码. #pragma mark 播放节拍器 - (void) Run:(NSNumber *)tick{ //... } OK,那么如何查找呢,点击代码编辑器上面的导航栏即可: 接着我修改一下代码: #pragma mark - 播放节拍器猛一看没发现区别是吧?实际上多了一个横线 #pragma mark “-” 播放节拍器这个短横线(减号)有什么作用呢,再次点击导航栏就可以看到. 加上-后会显示一条分割线会

适合安卓手机网页客户端导航代码

安卓手机底部四五分页的导航都是比较漂亮的今天直接给大家推荐这款代码,这样就省得每次自己写了 jQuery特效代码: 01<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 02<html xmlns="http://www.w3.org/1999/

手机移动端可滚动导航代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8"

【JS 设计模式】用组合模式来实现树形导航--代码结构思路分析（一）

树导航效果图: 组合模式的描述: 将对象组合成树形结构以表示"部分-整体"的层次结构,组合模式使得用户对单个对象和组合对象的使用具有一致性. 我们把部分用Leaf表示, 把整体用Composite表示.组合模式是有一定规律的,在实现树导航的情况下,Composite需要包含一个以上Leaf,也可以包含一个以上Leaf和一个以Composite,为什么说要包含一个以上的,如果Composite不包含任何子child的话那么它就是Leaf,Leaf表示是最后一层结节. 树形导航代码片段:

灵巧的JS下拉导航代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

在VS 2010中查询和导航代码

[原文地址]Searching and Navigating Code in VS 2010 (VS 2010 and .NET 4.0 Series) [原文发表日期] Wednesday, October 21, 2009 12:50 AM 这是我针对即将发布的VS 2010 和 .NET 4所撰写的贴子系列的第九篇.今天的博客讨论已经内置于VS 2010中的一些新的代码查询和导航特性. 代码的查询和导航开发人员需要能够对正开发的代码库(code-base)进行轻松的导航,查询和理解.在