您好,欢迎来到模板无忧!
登录
注册
鏀惰棌
鎼滅储
鍦板浘
甯姪
模板无忧
网页特效
每日更新
|
TOP排行榜
|
Tag标签
|
充值
无忧首页
网页模板
程序模板
建站教程
视频教程
网页特效
图标素材
字体下载
站长工具
站长问答
关闭顶部
展开顶部
网页特效
菜单导航
图片特效
文本链接
层和布局
页面背景
表单按钮
日期时间
计算转换
键盘鼠标
浏览器
游戏娱乐
综合其它
常用代码
jQuery特效
Prototype
Ajax/JavaScript
ExtJS
CSS特效
在线编辑器
Mootools
HTML
JS广告代码合集
站长工具
站长常用软件
网站综合查询
Alexa排名查询
Google PR查询
域名Whois查询
网站收录查询
友情链接查询
CSS2中文手册
CSS精简优化工具
AI灏忚仛 鑳藉啓浼氱敾
鍩熷悕
鎺ㄨ崘
展开边栏
关闭边栏
网页特效代码
模板无忧
>
网页特效
>
菜单导航特效代码
>
收藏
分享
查看评论
菜单导航
演示
登陆菜单_菜单导航特效
0/5
1
2
3
4
5
查看演示效果
特效Tag:
菜单
添加
缁囨ⅵDedeCMS瑙嗛鏁欑▼
涔扮┖闂� 绉熸湇鍔″櫒 閫夌綉纭曚簰鑱旓紒
鏃犲咖绔欓暱宸ュ叿,鐧惧害鏉冮噸涓€閿叏鏌�!
登陆菜单,您可以先修改部分代码再运行.
<html> <head> <meta http-equiv="Content-Language" mrc="en-us"> <meta http-equiv="Content-Type" mrc="text/html; charset=gb2312"> <meta name="GENERATOR" mrc="Microsoft FrontPage 4.0"> <meta name="ProgId" mrc="FrontPage.Editor.Document"> <title>登陆菜单-模板无忧www.mb5u.com</title> <style> TD{font-size: 9pt; color: #66DDDD} .out{font-size: 9pt; color: #66DDDD;border-width:1px;border-style:solid;border-color:0090c0 0070b0 0070b0 0090c0;cursor:hand; background:0080c0; text-align: center} .out2 {text-align: center} .in,.out2{font-size: 9pt; color: #66DDDD;border-width:1px;border-style:solid;border-color:0070b0 0090c0 0090c0 0070b0;background:0078b8;cursor:default} </style> <script> var temp_num = null; var now_num = null; var the_top = 127; //表单的最高,最低 var the_bottom = 146 var no_can_do = false; function Show_menu(u_num,d_num) { event.srcElement.className = "out2"; if(no_can_do) { return; } now_num = d_num; if(temp_num) { if(document.getElementById("menu_"+temp_num).doing) { clearInterval(document.getElementById("menu_"+temp_num).doing); } } else { temp_num = u_num; } document.getElementById("menu_"+temp_num).doing = setInterval("set_menu()",10); } function set_menu() { no_can_do = true; document.getElementById("form_"+temp_num).style.display = "none"; var if_move = document.getElementById("div_"+temp_num).style.pixelHeight - 6; if(if_move>1) { document.getElementById("div_"+temp_num).style.pixelHeight = if_move; } else { document.getElementById("div_"+temp_num).style.pixelHeight = 1; var if_stop = document.getElementById("menu_"+temp_num).style.pixelTop - 1; if(if_stop>the_top) { document.getElementById("menu_"+temp_num).style.pixelTop = if_stop; document.getElementById("menu_"+now_num).style.pixelTop += 1; } else { document.getElementById("menu_"+temp_num).style.pixelTop = the_top; document.getElementById("menu_"+now_num).style.pixelTop = the_bottom; var if_end = document.getElementById("div_"+now_num).style.pixelHeight + 6; if(if_end < 182) { document.getElementById("div_"+now_num).style.pixelHeight = if_end } else { document.getElementById("div_"+now_num).style.pixelHeight = 182; clearInterval(document.getElementById("menu_"+temp_num).doing); document.getElementById("menu_"+temp_num).doing = false; document.getElementById("form_"+now_num).style.display = "block"; temp_num = null; no_can_do = false; } } } } function returnIT() { event.srcElement.className = "out"; } </script> </head> <body bgcolor="#005588"> <div id="menu_0" style="position: absolute; top: 127; left: 176; width: 339;"> <table border="0" width="100%" style="background-color: #0080C0" cellspacing="0" cellpadding="0" height="19"> <tr> <td width="277" class="out" height="19" style="cursor: default">?</td> <td width="58" class="out" height="19" onmousedown="Show_menu(1,0)" onmouseup="returnIT()">老师登录</td> </tr> </table> <div id="div_0" style="position: relative; width: 339; height: 1; overflow: hidden"> <table border="0" width="100%" style="background-color: #0080C0" cellspacing="0" cellpadding="0" height="182"> <tr> <td width="100%" height="182"> <form id="form_0" style="position: relative; left:70; top:10;font-family: Arial; display: none" action="javascript:;" method="post" align="center"> 当前用户类型:老师 <br> <br> 用户: <input class="in" style="WIDTH: 100px" size="20">?mail.cn<br> 口令: <input class="in" type="password" size="20"><br> <br> ????????? <input class="out" onfocus="this.blur()" type="button" value="登录服务器"> </form> </td> </tr> </table> </div> </div> <div id="menu_1" style="position: absolute; top: 146; left: 176; width: 339"> <table border="0" width="100%" style="background-color: #0080C0" cellspacing="0" cellpadding="0" height="19"> <tr> <td width="277" class="out" height="19" style="cursor: default">?</td> <td width="58" class="out" height="19" onmousedown="Show_menu(0,1)" onmouseup="returnIT()">学生登录</td> </tr> </table> <div id="div_1" style="position: relative; width: 339; height: 182; overflow: hidden"> <table border="0" width="100%" style="background-color: #0080C0" cellspacing="0" cellpadding="0" height="100%"> <tr> <td width="100%" height="182"> <form id="form_1" style="position: relative; left:70; top:10;font-family: Arial; display: block" action="javascript:;" method="post" align="center"> 当前用户类型:学生 <br> <br> 用户: <input class="in" style="WIDTH: 100px" size="20">?mail.cn<br> 口令: <input class="in" type="password" size="20"><br> <br> ????????? <input class="out" onfocus="this.blur()" type="button" value="登录服务器"> </form> </td> </tr> </table> </div> </div> </body>
所属频道:
菜单导航特效
/
更新时间:2010-05-23
[收藏]
[报错]
[返回列表]
评论加载中....
相关
菜单导航特效
:
CSS+div+js组合强大实现超酷菜单
超酷仿GOOGLE首页导航菜单效果
仿网易的滑动门技术DIV+CSS实现
仿蓝色理想网站的导航菜单
鼠标触及带边框菜单
用JS实现的类似框架的链接导航模式
CSS立体层
右键弹出菜单
纯css的导航下拉菜单
隐藏菜单效果
css模拟title和alt的提示效果
下拉菜单链接页面打开方式选择
菜单导航特效Rss订阅
特效代码搜索
菜单导航特效推荐
上下伸展的JS菜单
XP菜单
悬浮在网页顶部可关闭的工具条(浮动层)
css模拟title和alt的提示效果
纯CSS的选项卡(面试题)
竖直右侧滑动的可控菜单,JavaScript+CSS
颜色渐变的动感导航菜单
仿QQ迷你首页的左右滚动Tab选项卡
div+css+js实现菜单的收缩与展开
CSS竖排选项卡Tab
猜你也喜欢看这些
最简单的显示、隐藏图片代码
XML动画
来自腾讯的JavaScript图片滑动
自写横向的左右滚动,响应鼠标向左或向右
图像过来
飘动的图片
间隔时间自由滚动特技
一行代码解决图片放大小图的功能
没有使用Marguee表格里的横向图片滚动
Javascript 仿Flash图片轮翻
相关链接:
复制本页链接
|
搜索登陆菜单
特效说明:
菜单导航模板
-
登陆菜单
。
鏀惰棌&鍒嗕韩
QQ绌洪棿
鏂版氮寰崥
鑵捐寰崥
浜轰汉缃�
寮€蹇冪綉
鐧惧害鎼滆棌
澶嶅埗缃戝潃
鏇村...