gundumw100
- 浏览: 5781621 次
- 性别:
- 来自: 上海
-
文章分类
- 全部博客 (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 2052<!DOCTYPE html PUBLIC &quo ... -
网页插入PDF
2010-03-11 10:26 3468<object width="800&qu ... -
弹出层（Div）屏蔽父窗口并且让父窗口变暗
2010-03-10 16:19 2597<html> <head> & ... -
高效判断星期几的 javascript代码
2010-03-10 16:15 4390<html> <title>te ... -
Meta 标签使用详解
2009-12-17 21:09 1711meta是html语言head区的一个辅助性标签。几乎所有的 ... -
去掉图片超级链接上的虚线框
2009-12-17 18:03 2660<a href="#" id=&qu ... -
Javascript与CSS在IE和Firefox中的误区及区别
2009-12-17 17:12 23440.在firefox中不兼容window. ... -
html table 标题 不滚动
2009-12-07 16:18 3758<html xmlns="http://w ... -
100个很有用的JavaScript函数
2009-11-03 13:00 19131.document.write("") ... -
几个不常用但很有用的javascript方法
2009-11-03 12:57 26311. javascript代码延迟执行。 我们经常可以看到这 ... -
CSS中的一些小技巧
2009-10-16 22:44 18381、列表横排 将li的样式设置为 li ... -
如何让一个iframe 背景透明？
2009-10-12 17:04 6675网上查到让一个iframe 背景透明的办法: 首先在<b ... -
判断文本框还剩多少字符可以输入
2009-09-27 17:04 4937javascript： function $(id) { ... -
关键字高亮显示
2009-09-27 16:56 1875<script language="jav ... -
在javascript中获取中英文字符长度的问题
2009-09-27 16:47 2190var i="中国a"; 一般情况下，我 ... -
验证用户名是否符合长度要求
2009-09-27 16:43 2883<input name="username&q ... -
在你的网页中插入天气预报
2009-09-27 15:25 3192根据需要，下面4个随便选一个 <IFRAME ID='i ... -
JSTL之<c:forEach>
2009-09-21 15:58 19181<%@ taglib uri="http:// ... -
<logic:iterate>同for循环的用法比较
2009-09-18 13:35 4119同样生成一个Table <table id=" ... -
关闭时才执行的javasciprt
2009-09-18 13:10 19051. <html> 2. ...
相关推荐
仿Chinaz 首页 菜单 导航 仿Chinaz 首页 菜单 导航
仿Chinaz首页菜单导航
仿中国站长网Chinaz首页导航菜单效果
JavaScript---仿chinaz站长站首页的导航菜单
纯css的弹出式导航菜单,绝对兼容IE6,IE7 ,IE8, firefox.
多个关键字请用空格分隔，最多填写5个。点击右侧Tag快速添加
仿chinaz网站导航 很经典的网站导航菜单 漂亮精致，极具动感，很诱人
支持各国字符集和Unicode，邮件加密发送，好用的远程邮件管理，支持APOP/POP3、SMTP、SMTP认证、Hotmail/MSN、Yahoo等邮件协议，强大的过滤功能在拥有以下功能的同时增加了CHINAZ起始页。RSS订阅，单独菜单。功能...
完全源码 供学习使用 功能非常强大的OA系统 ...2.系统主菜单采用仿资源管理器样式的树形菜单，系统功能一目了然； 3.功能强大，目前功能已完全能满足日常办公需要 管理用户名和密码：admin/admin123456789 图示： ...
后台菜单溢出 更新提示 版主显示 注册选项 原始介绍： 动网论坛Dvbbs8.3美化版提高论坛访问速度，限制游客查看图片，修改了发帖子框架大小，美化个人信息，增加发帖表情图片等。 以下是部分插件 社区法院 心理测试...
现在网络上很多的网站分类目录都是ASP格式，唯一一个PHP的程序因为文章功能和可扩展性太弱，考虑到自己的需要和织梦的可扩展性和SEO效果，特开发此套程序，网络首创，CHINAZ首发。 安装过程： 1，上传压缩文件到空间...
更新的功能： 1、伪静态功能。...首先需要我们的WIN**支持伪静态，根目录...1、在任意浏览器前台都正常显示，后台管理用IE浏览器管理，左侧菜单用的JS，其他浏览器不兼容 2、后台地址Admin/ 用户名：Admin 密码：Yd631.Com
更新的功能： 1、伪静态功能。...首先需要我们的WIN主机支持伪静态，...1、在任意浏览器前台都正常显示，后台管理用IE浏览器管理，左侧菜单用的JS，其他浏览器不兼容 2、后台地址admin/ 用户名：admin 密码：yd631.com
模板布局简练，已经过后进者网络seo工程师精心优化处理，模板无任何后门及漏洞等，大家可放心使用，支持最新的wordpress内核V3.42,下载地址//down.chinaz.com/soft/30238.htm wordpress主题的安装比较简单，可参看...