网管联盟
|
网管论坛
|
网管u家
|
网管博客
|
网管软件
|
网管求职
|
小游戏
|
网管搜索
|
网管原创
|
网管聚合
|
网管读摘
|
网管焦点
|
世界素材
|
会员投稿
|
会员中心
Windows
Linux
Cisco
网络技术
数据库
黑客攻防
DotNet
Java
PHP
认证
新闻资讯
服务器
存储资讯
网络设备
网管学堂
技术专题
焦点
网吧频道
当前位置： >
bitsCN.com
>
网管学堂
>
网页设计
>
Javascript
> Js特效向右侧滑出的信息提示栏
Js特效向右侧滑出的信息提示栏
2007-08-21 作者:bitsCN整理 来源:中国网管联盟
点评
投稿
收藏
<html> <head> <title>中国设计秀Cnwebshow.com</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> </head> <body bgcolor="#FFFFFF" text="#000000"><style type="text/css"> <!-- #menuBar {position: absolute;left: -200px; width: 300px; top: 0px; clip: rect( )} #glider {position: absolute;left: 200px;top: 0px; width: 80px} .glideText {font-size: 18px;color: #E2E2E2;text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif} a:link { color: #D7D7D7; text-decoration: none} a:visited { color: #E0E0E0; text-decoration: none} a:active { color: #333333; text-decoration: none} a:hover { color: #333333} .mentd { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; background-color: #999999; background-image: url(graygrid2.gif)} td { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #333333} h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #FFFFFF} --> </style> <script language="JavaScript"> <!-- var pee = -200 var drec = 40; var speed = 20; //Don't touch! var l = pee; //Don't touch. This is the function that closes the menu function Proj7GlideBack () {l += drec; if (document.layers) { document.menuBar.left = l; } else if (document.all) {document.all.menuBar.style.pixelLeft = l; } else if (document.getElementById) {document.getElementById('menuBar').style.left = l + 'px'; } if (l < 0) setTimeout('Proj7GlideBack()', speed); else { if (document.layers) { var html = ''; html += '<A HREF="javascript:;"'; html += 'onClick="Proj7GlideOut(); return false;"'; html += 'Class="glideText"'; html += 'close'+ '<br>'; html += 'close'+ '<Br>'; html += '<\/A>'; var a = window.document.menuBar.document.glider; a.document.open(); a.document.write(html); a.document.close(); } else if (document.all) {document.all.glidetextLink.innerHTML = 'close'; document.all.glidetextLink.onclick = moveIn; } else if (document.getElementById) { document.getElementById('glidetextLink').firstChild.nodeValue ='close'; document.getElementById('glidetextLink').onclick = moveIn; } } } //Don't touch. This is the function that opens the menu function Proj7GlideOut () {l -= drec; if (document.layers) {document.menuBar.left = l; } else if (document.all) {document.all.menuBar.style.pixelLeft = l; } else if (document.getElementById) {document.getElementById('menuBar').style.left = l + 'px'; } if (l > pee) setTimeout('Proj7GlideOut()', speed); else { if (document.layers) { var html = ''; html += '<A HREF="javascript:;"'; html += 'onclick="Proj7GlideBack(); return false;"'; html += 'Class="glideText"'; html += 'menu'+ '<Br>'; html += 'menu'+ '<Br>'; html += '<\/A>'; var a = window.document.menuBar.document.glider; a.document.open(); a.document.write(html); a.document.close(); } else if (document.all) {document.all.glidetextLink.innerHTML = 'menu'; document.all.glidetextLink.onclick = moveOut; } else if (document.getElementById) { document.getElementById('glidetextLink').firstChild.nodeValue ='menu'; document.getElementById('glidetextLink').onclick = moveOut; } } } function moveIn () {Proj7GlideOut();return false; } function moveOut() {Proj7GlideBack();return false; } <!--NNresizeFix Reloads the page to workaround a Netscape Bug--> if (document.layers) { origWidth = innerWidth; origHeight = innerHeight;} function reDo() { if (innerWidth != origWidth || innerHeight != origHeight) location.reload();} if (document.layers) onresize = redo; //--> </script> <div ID="menuBar" style=""> <table width="272" border="0" cellspacing="0" cellpadding="0" bgcolor="#333333"> <tr> <td> <table width="100%" border="0" cellpadding="8" cellspacing="1"> <tr> <td bgcolor="#FF9900" valign="top" class="mentd"> <a href="http://www.1stscript.com" onFocus="if(this.blur)this.blur()" class="menu">Home</a><Br> <a href="www.cnwebshow.com" onFocus="if(this.blur)this.blur()" class="menu">Link Two </a><Br> <a href="http://www.cnwebshow.com" onFocus="if(this.blur)this.blur()" class="menu">Project VII Home</a><Br> <a href="http://www.cnwebshow.com" onFocus="if(this.blur)this.blur()" class="menu">Project VII Design Packs</a><Br> <a href="http://www.cnwebshow.com" onFocus="if(this.blur)this.blur()" class="menu">Link Number Five</a><Br> <a href="http://www.cnwebshow.com" onFocus="if(this.blur)this.blur()" class="menu">Link Number Six</a> </td> <td width="72" bgcolor="#CC0000"> </td> </tr> </table> </td> </tr> </table> <span ID="glider" style=""> <table border="0" cellspacing="0" cellpadding="0"> <tr align="center"> <td><a id="glidetextLink" href="javascript:;" class="glideText" onClick="Proj7GlideBack(); return false" onFocus="if(this.blur)this.blur()"> menu </a></td> </tr> </table></span> </div> </body> </html>
网管联盟bitsCN@com
0
顶一下
TAGs
：
信息
提示
右侧
特效
if
html
this.blur
menu
document.getElementById
上一篇：
可选择背景色的广告牌效果
下一篇：
JavaScript实现发表留言添加表情功能
相关文章列表
如何用博客来创业赚钱？
防止屏蔽，背投广告代码的完善
JS页内查找关键词的高亮显示
IE支持PNG格式的javascript库
dreamweaver制作圆角表格
JavaScript实现变色表格特效
JavaScript实现表格特效
JS特效围绕图片疯狂旋转的花朵
Js特效向右侧滑出的信息提示栏 评论：
评论加载中…
评论:
请自觉遵守互联网相关政策法规，评论不得超过250字。
验证码：
注册用户
本类热门排行：
1.
dreamweaver制作圆角表格
2.
JavaScript实现表格特效
3.
JavaScript加密解密的实现方法
4.
如何用博客来创业赚钱？
5.
JavaScript实现变色表格特效
6.
JS特效围绕图片疯狂旋转的花朵
7.
JS页内查找关键词的高亮显示
8.
防止屏蔽，背投广告代码的完善
9.
JS特效跟随鼠标的图片
10.
js特效点击会变色哦！！
最新推荐文章：
1.
采用CSS和JS的下拉菜单的制作
2.
网页JS浮动提示效果
3.
右下角弹出类似QQ或MSN消息提示
4.
网页中任意漂浮的广告代码
5.
javascript技巧参考
6.
如何制作鼠标感应动画菜单
7.
用JavaScript实现一些随机事件
8.
用JavaScript查看一些用户信息
9.
JavaScript:完全容错和浏览器自动最大化
10.
几段实用小JAVA程序
网管论坛交流：
·
不疯魔不成活
·
令你大开眼界的真正标准化机房，已整理重
·
华为HCSE OSPF路由协议培训教材 V3.0
·
为赈灾，女孩舍身拍“裸照”
·
Windows Server 2003服务器群集创建和配
·
exchange2k3全套官方资料
·
双儿一周岁了。。。特殊的礼物来啦。。
·
存储备份技术版块守则
·
无盘技术交流区守则
·
DOS命令基础大全之命令详解<作者吐血
评论加载中…
