gundumw100
- 浏览: 5807317 次
- 性别:
- 来自: 上海
-
文章分类
- 全部博客 (890)
- WindowsPhone (0)
- android (88)
- android快速迭代 (17)
- android基础 (34)
- android进阶 (172)
- android高级 (0)
- android拾遗 (85)
- android动画&效果 (68)
- Material Design (13)
- LUA (5)
- j2me (32)
- jQuery (39)
- spring (26)
- hibernate (20)
- struts (26)
- tomcat (9)
- javascript+css+html (62)
- jsp+servlet+javabean (14)
- java (37)
- velocity+FCKeditor (13)
- linux+批处理 (9)
- mysql (19)
- MyEclipse (9)
- ajax (7)
- wap (8)
- j2ee+apache (24)
- 其他 (13)
- phonegap (35)
最新评论
-
Memories_NC：
本地lua脚本终于执行成功了，虽然不是通过redis
java中调用lua脚本语言1 -
ZHOU452840622：
大神：//处理返回的接收状态 这个好像没有监听到 遇 ...
android 发送短信的两种方式 -
PXY：
拦截部分地址，怎么写的for(int i=0;i<lis ...
判断是否登录的拦截器SessionFilter -
maotou1988：
Android控件之带清空按钮(功能)的AutoComplet ...
自定义AutoCompleteTextView -
yangmaolinpl：
希望有表例子更好。。。，不过也看明白了。
浅谈onInterceptTouchEvent、onTouchEvent与onTouch
<!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-Type" content="text/html; charset=gb2312" />
<title>Chinaz菜单</title>
<style type="text/css">
<!--
div, ul, p{
margin: 0;
padding: 0;
font-weight: normal;
font-style: normal;
font-size: 100%;
font-family: inherit;
}
body {
color: #333;
background: #deebf3;
text-align: center;
font: 12px/1.5 Tahoma, Helvetica, Arial, sans-serif;
}
a:link, a:visited {
color: #333;
text-decoration: none;
}
.nav {
width:910px;
position: relative;
margin:0px auto;
background: url(http://www.codefans.net/jscss/demoimg/200905/lrtk.png) no-repeat 0 -36px;
}
.navinner {
background: url(http://www.codefans.net/jscss/demoimg/200905/lrtk.png) no-repeat 100% -72px;
}
.navlist {
height: 36px;
line-height: 36px;
overflow: hidden;
margin: 0 10px;
background: url(http://www.codefans.net/jscss/demoimg/200905/lrtk.png) repeat-x 0 0;
}
.nav li {
float: left;
display: inline;
margin: 0 0 0 -2px;
padding: 0 4px 0 6px;
background: url(http://www.codefans.net/jscss/demoimg/200905/lrtk.png) no-repeat 0 -108px;
}
.nav a {
display: block;
width: 102px;
text-align: center;
font-size: 120%;
}
.nav a:link, .nav a:visited {
color: #fff;
}
.nav a.current, .nav a:hover, .nav a:active {
color: #fff;
font-weight: bold;
background: url(http://www.codefans.net/jscss/demoimg/200905/lrtk.png) no-repeat 50% -144px;
}
.subnav {
position: absolute;
top: 41px;
left: 0;
float: left;
height: 27px;
line-height: 27px;
white-space: nowrap;
background: url(http://www.codefans.net/jscss/demoimg/200905/lrtk.png) no-repeat 0 -180px;
}
* html .subnav {
margin: 0 10px 0 -10px; /* IE 6 and below */
}
.subnav p {
padding: 0 10px;
background: url(http://www.codefans.net/jscss/demoimg/200905/lrtk.png) no-repeat 100% -234px;
}
.subnav p span {
display: block;
background: url(http://www.codefans.net/jscss/demoimg/200905/lrtk.png) repeat-x 0 -207px;
}
.subnav p.pointer {
position: absolute;
top: -4px;
left: 0;
height: 5px;
width: 11px;
padding: 0;
margin-left: 20px;
text-indent: -999em;
background: url(http://www.codefans.net/jscss/demoimg/200905/lrtk.png) repeat-x 0 -261px;
}
.subnav a {
display: inline;
padding: 0;
font-size: 100%;
}
[class~="subnav"] a {
padding: 0 3px;
}
.subnav, .subnav a:link, .subnav a:visited {
color: #235e99;
}
.subnav a:hover, .subnav a:active {
color: #235e99;
}
.subnav a:hover, .subnav a:active {
font-weight: normal;
background: none;
border-bottom: 2px solid;
}
/* subnav position and pointer position */
#subnav1 { left: 120px; }
#subnav2 { left: 230px; }
#subnav3 { left: 340px; }
#subnav4 { left: 450px; }
#subnav5, #subnav6, #subnav7 {
left: auto;
right: 0px;
}
#subnav1 .pointer,
#subnav2 .pointer,
#subnav3 .pointer,
#subnav4 .pointer { left: 30px; }
#subnav5 .pointer { left: auto; right: 290px; }
#subnav6 .pointer { left: auto; right: 180px; }
#subnav7 .pointer { left: auto; right: 70px; }
#subnav1, #subnav2, #subnav3, #subnav4 {
min-width: 110px;
}
#subnav5 { min-width: 340px; }
#subnav6 { min-width: 240px; }
#subnav7 { min-width: 130px; }
.note {
margin: 0 15px 10px;
color:#666666;
}
.note span{
float:right;
}
.disable {
display: none;
}
-->
</style>
<script type="text/javascript">function $(id) {
return document.getElementById(id);
}
function showMenu (baseID, divID) {
baseID = $(baseID);
divID = $(divID);
if (showMenu.timer) clearTimeout(showMenu.timer);
hideCur();
divID.style.display = 'block';
showMenu.cur = divID;
if (! divID.isCreate) {
divID.isCreate = true;
//divID.timer = 0;
divID.onmouseover = function () {
if (showMenu.timer) clearTimeout(showMenu.timer);
hideCur();
divID.style.display = 'block';
};
function hide () {
showMenu.timer = setTimeout(function () {divID.style.display = 'none';}, 1000);
}
divID.onmouseout = hide;
baseID.onmouseout = hide;
}
function hideCur () {
showMenu.cur && (showMenu.cur.style.display = 'none');
}
}</script>
</head>
<body>
<div class="nav">
<div class="navinner">
<ul class="navlist">
<li><a href="#" id="nav_0" onmouseover="showMenu('nav_0','subnav0')">首页</a>
<div class="subnav disable" id="subnav0">
<p class="pointer">.</p>
<p><span>
<a href="#">菜单导航</a> |
<a href="#">层和布局</a> |
<a href="#">链接特效</a> |
</span></p>
</div>
</li>
<li><a href="#" id="nav_1" onmouseover="showMenu('nav_1','subnav1')">网页特效</a>
<div class="subnav disable" id="subnav1">
<p class="pointer">.</p>
<p><span>
<a href="#">菜单导航</a> |
<a href="#">层和布局</a> |
<a href="#">链接特效</a> |
</span></p>
</div>
</li>
<li><a href="#" id=nav_2 onmouseover="showMenu('nav_2','subnav2')">进出货管理</a>
</li>
<li><a href="#" id=nav_3 onmouseover="showMenu('nav_3','subnav3')">用户管理</a>
<div class="subnav disable" id=subnav3>
<p class="pointer">.</p>
<p><span>
<a href=ledger.portal?action=modifyRegister target="mainFrame">用户资料修改</a> |
</span></p>
</div>
</li>
</ul>
</div>
</div>
</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Chinaz菜单</title>
<style type="text/css">
<!--
div, ul, p{
margin: 0;
padding: 0;
font-weight: normal;
font-style: normal;
font-size: 100%;
font-family: inherit;
}
body {
color: #333;
background: #deebf3;
text-align: center;
font: 12px/1.5 Tahoma, Helvetica, Arial, sans-serif;
}
a:link, a:visited {
color: #333;
text-decoration: none;
}
.nav {
width:910px;
position: relative;
margin:0px auto;
background: url(http://www.codefans.net/jscss/demoimg/200905/lrtk.png) no-repeat 0 -36px;
}
.navinner {
background: url(http://www.codefans.net/jscss/demoimg/200905/lrtk.png) no-repeat 100% -72px;
}
.navlist {
height: 36px;
line-height: 36px;
overflow: hidden;
margin: 0 10px;
background: url(http://www.codefans.net/jscss/demoimg/200905/lrtk.png) repeat-x 0 0;
}
.nav li {
float: left;
display: inline;
margin: 0 0 0 -2px;
padding: 0 4px 0 6px;
background: url(http://www.codefans.net/jscss/demoimg/200905/lrtk.png) no-repeat 0 -108px;
}
.nav a {
display: block;
width: 102px;
text-align: center;
font-size: 120%;
}
.nav a:link, .nav a:visited {
color: #fff;
}
.nav a.current, .nav a:hover, .nav a:active {
color: #fff;
font-weight: bold;
background: url(http://www.codefans.net/jscss/demoimg/200905/lrtk.png) no-repeat 50% -144px;
}
.subnav {
position: absolute;
top: 41px;
left: 0;
float: left;
height: 27px;
line-height: 27px;
white-space: nowrap;
background: url(http://www.codefans.net/jscss/demoimg/200905/lrtk.png) no-repeat 0 -180px;
}
* html .subnav {
margin: 0 10px 0 -10px; /* IE 6 and below */
}
.subnav p {
padding: 0 10px;
background: url(http://www.codefans.net/jscss/demoimg/200905/lrtk.png) no-repeat 100% -234px;
}
.subnav p span {
display: block;
background: url(http://www.codefans.net/jscss/demoimg/200905/lrtk.png) repeat-x 0 -207px;
}
.subnav p.pointer {
position: absolute;
top: -4px;
left: 0;
height: 5px;
width: 11px;
padding: 0;
margin-left: 20px;
text-indent: -999em;
background: url(http://www.codefans.net/jscss/demoimg/200905/lrtk.png) repeat-x 0 -261px;
}
.subnav a {
display: inline;
padding: 0;
font-size: 100%;
}
[class~="subnav"] a {
padding: 0 3px;
}
.subnav, .subnav a:link, .subnav a:visited {
color: #235e99;
}
.subnav a:hover, .subnav a:active {
color: #235e99;
}
.subnav a:hover, .subnav a:active {
font-weight: normal;
background: none;
border-bottom: 2px solid;
}
/* subnav position and pointer position */
#subnav1 { left: 120px; }
#subnav2 { left: 230px; }
#subnav3 { left: 340px; }
#subnav4 { left: 450px; }
#subnav5, #subnav6, #subnav7 {
left: auto;
right: 0px;
}
#subnav1 .pointer,
#subnav2 .pointer,
#subnav3 .pointer,
#subnav4 .pointer { left: 30px; }
#subnav5 .pointer { left: auto; right: 290px; }
#subnav6 .pointer { left: auto; right: 180px; }
#subnav7 .pointer { left: auto; right: 70px; }
#subnav1, #subnav2, #subnav3, #subnav4 {
min-width: 110px;
}
#subnav5 { min-width: 340px; }
#subnav6 { min-width: 240px; }
#subnav7 { min-width: 130px; }
.note {
margin: 0 15px 10px;
color:#666666;
}
.note span{
float:right;
}
.disable {
display: none;
}
-->
</style>
<script type="text/javascript">function $(id) {
return document.getElementById(id);
}
function showMenu (baseID, divID) {
baseID = $(baseID);
divID = $(divID);
if (showMenu.timer) clearTimeout(showMenu.timer);
hideCur();
divID.style.display = 'block';
showMenu.cur = divID;
if (! divID.isCreate) {
divID.isCreate = true;
//divID.timer = 0;
divID.onmouseover = function () {
if (showMenu.timer) clearTimeout(showMenu.timer);
hideCur();
divID.style.display = 'block';
};
function hide () {
showMenu.timer = setTimeout(function () {divID.style.display = 'none';}, 1000);
}
divID.onmouseout = hide;
baseID.onmouseout = hide;
}
function hideCur () {
showMenu.cur && (showMenu.cur.style.display = 'none');
}
}</script>
</head>
<body>
<div class="nav">
<div class="navinner">
<ul class="navlist">
<li><a href="#" id="nav_0" onmouseover="showMenu('nav_0','subnav0')">首页</a>
<div class="subnav disable" id="subnav0">
<p class="pointer">.</p>
<p><span>
<a href="#">菜单导航</a> |
<a href="#">层和布局</a> |
<a href="#">链接特效</a> |
</span></p>
</div>
</li>
<li><a href="#" id="nav_1" onmouseover="showMenu('nav_1','subnav1')">网页特效</a>
<div class="subnav disable" id="subnav1">
<p class="pointer">.</p>
<p><span>
<a href="#">菜单导航</a> |
<a href="#">层和布局</a> |
<a href="#">链接特效</a> |
</span></p>
</div>
</li>
<li><a href="#" id=nav_2 onmouseover="showMenu('nav_2','subnav2')">进出货管理</a>
</li>
<li><a href="#" id=nav_3 onmouseover="showMenu('nav_3','subnav3')">用户管理</a>
<div class="subnav disable" id=subnav3>
<p class="pointer">.</p>
<p><span>
<a href=ledger.portal?action=modifyRegister target="mainFrame">用户资料修改</a> |
</span></p>
</div>
</li>
</ul>
</div>
</div>
</div>
</body>
</html>
分享到：
发表评论
-
插入google地图
2010-03-11 11:00 2081<!DOCTYPE html PUBLIC &quo ... -
网页插入PDF
2010-03-11 10:26 3499<object width="800&qu ... -
弹出层（Div）屏蔽父窗口并且让父窗口变暗
2010-03-10 16:19 2626<html> <head> & ... -
高效判断星期几的 javascript代码
2010-03-10 16:15 4419<html> <title>te ... -
Meta 标签使用详解
2009-12-17 21:09 1734meta是html语言head区的一个辅助性标签。几乎所有的 ... -
去掉图片超级链接上的虚线框
2009-12-17 18:03 2686<a href="#" id=&qu ... -
Javascript与CSS在IE和Firefox中的误区及区别
2009-12-17 17:12 23710.在firefox中不兼容window. ... -
html table 标题 不滚动
2009-12-07 16:18 3794<html xmlns="http://w ... -
100个很有用的JavaScript函数
2009-11-03 13:00 19361.document.write("") ... -
几个不常用但很有用的javascript方法
2009-11-03 12:57 26541. javascript代码延迟执行。 我们经常可以看到这 ... -
CSS中的一些小技巧
2009-10-16 22:44 18641、列表横排 将li的样式设置为 li ... -
如何让一个iframe 背景透明？
2009-10-12 17:04 6708网上查到让一个iframe 背景透明的办法: 首先在<b ... -
判断文本框还剩多少字符可以输入
2009-09-27 17:04 4965javascript： function $(id) { ... -
关键字高亮显示
2009-09-27 16:56 1905<script language="jav ... -
在javascript中获取中英文字符长度的问题
2009-09-27 16:47 2218var i="中国a"; 一般情况下，我 ... -
验证用户名是否符合长度要求
2009-09-27 16:43 2908<input name="username&q ... -
在你的网页中插入天气预报
2009-09-27 15:25 3231根据需要，下面4个随便选一个 <IFRAME ID='i ... -
JSTL之<c:forEach>
2009-09-21 15:58 19202<%@ taglib uri="http:// ... -
<logic:iterate>同for循环的用法比较
2009-09-18 13:35 4141同样生成一个Table <table id=" ... -
关闭时才执行的javasciprt
2009-09-18 13:10 19301. <html> 2. ...
相关推荐
仿Chinaz 首页 菜单 导航 仿Chinaz 首页 菜单 导航
【标题】"仿Chinaz首页菜单导航.rar"是一个压缩包文件，其核心内容是针对Chinaz（站长之家）首页菜单导航栏的一种JavaScript实现。Chinaz网站作为知名的互联网行业资源站点，其首页的菜单导航设计简洁且功能强大，为...
"仿Chinaz站长站首页的菜单导航"这个项目旨在实现与知名网站Chinaz（站长之家）类似的菜单导航功能，以提供清晰、易用的网页浏览体验。Chinaz作为一个服务于广大站长的平台，其首页的菜单导航结构严谨，分类明确，是...
在本文中，我们将探讨如何使用纯CSS和DIV构建Chinaz首页那样的菜单导航效果，确保在主流浏览器（如IE6, IE7, IE8及Firefox）中的兼容性。首先，让我们从HTML结构开始。 HTML构造是创建任何网页元素的基础，对于菜单...
【标题】"仿中国站长网Chinaz首页导航菜单效果.rar"所涉及的知识点主要集中在网页设计和前端开发领域，特别是导航菜单的实现。在网页设计中，导航菜单是用户界面的重要组成部分，它帮助用户在网站中快速定位并浏览...
【标题】"仿chinaz网站导航.rar"是一个压缩包文件，其内容主要是模仿知名IT资讯网站Chinaz（站长之家）的网站导航菜单设计。这个经典的导航菜单以其独特的设计风格和出色的用户体验，受到了广大用户的喜爱。 【描述...
本项目“JavaScript---仿chinaz站长站首页的导航菜单”旨在利用JavaScript技术实现与知名网站ChinaZ站长站首页类似的导航菜单效果，提供用户友好的网页浏览体验。 首先，我们来探讨JavaScript在构建导航菜单中的...
【标题】"仿Chinaz首页菜单导航特效代码"是一个关于网页设计与开发的主题，主要关注的是实现类似于知名网站ChinaZ首页的动态菜单导航栏。这个特效代码可能包含JavaScript、CSS以及HTML等前端技术，旨在为用户提供...
首先，`Chinaz首页菜单导航.htm`可能包含的是知名网站ChinaZ的首页菜单导航的HTML代码。ChinaZ作为一个知名的站长工具网站，其导航设计通常具有行业参考价值。通过研究这份代码，我们可以学习到如何构建清晰、易用且...
7. **chinaz.com.txt**：这可能是一个文本文件，包含来自“站长之家”（chinaz.com）的引用、许可证信息或其他相关数据，因为"chinaz.com"是一个知名的IT资讯网站，经常分享代码示例和教程。 综上所述，"仿京东左侧...
"仿Chinaz首页菜单导航"和"阿里巴巴菜单"可能也是类似的概念，模仿了知名网站的菜单设计，以提供类似的用户体验。 水平选项卡和可折叠的自动伸缩菜单是两种常见的网页布局技术，用于节省页面空间并提高用户浏览效率...
导航栏则会设置多级菜单，便于用户浏览不同分类的内容；主体内容区会展示文章、新闻或资源下载等内容；侧边栏可能有热门文章、最新资讯、广告位等模块；底部则是版权信息和站点链接。 在创力CMS中，用户可以方便地...
支持各国字符集和Unicode，邮件加密发送，好用的远程邮件管理，支持APOP/POP3、SMTP、SMTP认证、Hotmail/MSN、Yahoo等邮件协议，强大的过滤功能在拥有以下功能的同时增加了CHINAZ起始页。RSS订阅，单独菜单。功能...
5. **文本文件**：chinaz.com.txt可能是日志文件或者包含一些开发过程中的笔记，FixedMenu.htm和RelativePosition.js的使用可能与之有关。使用帮助.txt文件可能提供了关于如何部署和使用此源代码的指南。 6. **图片...
7. "chinaz.com.txt" - 可能是来源于chinaz.com网站的相关信息或者版权声明。 8. "谷普下载.url" 和 "说明.url" - 这两个文件可能是快捷方式，分别指向下载源和更详细的说明页面。 综合以上信息，这个项目提供了...
完全源码 供学习使用 功能非常强大的OA系统 ...2.系统主菜单采用仿资源管理器样式的树形菜单，系统功能一目了然； 3.功能强大，目前功能已完全能满足日常办公需要 管理用户名和密码：admin/admin123456789 图示： ...
"仿Chinaz首页菜单导航.htm"可能模仿了知名网站ChinaZ的导航风格。这种导航条通常包含多个一级菜单项，每个菜单项下又可能有多个二级菜单。通过JS和CSS的结合，可以实现菜单项的高亮、下拉菜单的滑入滑出等效果，使...
"chinaz.com.txt" 可能是版权信息或者与某个网站的合作伙伴关系说明；"acemenu.xml" 则可能是软件的配置文件或者数据存储，用于保存用户的设计设置。 总的来说，ACEMenu Creator v3.6.3 是一款强大的网页菜单制作...
chinaz.com.txt可能是包含使用教程或资源链接的文本文件，可以帮助用户进一步了解和学习如何使用该软件。说明.htm则是软件的使用指南或帮助文档，详细解释了各项功能和操作步骤。 总的来说，Amara Flash Menu Maker...