首页
|
互联网
|
IT动态
|
网络设备
|
服务器
|
IDC
|
安全
|
Cisco
|
Windows
|
Linux
|
Java
|
.Net
|
Oracle
|
CIW
|
华为
|
专题
IT技术
|
网页设计
|
平面设计
|
电子书下载
|
教学视频
|
方案
|
数字网校
|
直播室
|
虚拟考场
|
面授培训
|
搜索
|
博客
|
沙龙
|
论坛
网页设计
Dreamweaver
|
Flash
Fireworks
|
Frontpage
HTML/CSS
|
Javascript
平面设计
Photoshop
|
CorelDraw
AuotoCAD
|
Illustrator
Freehand
多 媒 体
3DMax
|
Authorware
Director
|
Maya
工具软件
PP点点通
|
迅雷
|
BT
eMule
|
FlashGet
|
Nero
Ghost
|
Outlook
|
IE
Maxthon
|
Office
即时通讯
QQ
|
MSN
|
网易泡泡
Skype
|
雅虎通
|
新浪UC
最新文章
您现在的位置：
中国IT实验室
>>
网页设计
>>
Javascript教程
>> 文章正文
Js特效向右侧滑出的信息提示栏
中国设计秀Cnwebshow.com
2007-8-21
佚名
保存本文
推荐给好友
收藏本站
◆ 网页平面多媒体培训、认证考试免费咨询热线:
400-700-5807
进入网络咨询平台
◆
<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="<a class="channel_keylink" href="http://java.chinaitlab.com/" target="_blank">Java</a>Script"> <!-- 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>
【责编:runlz】
相关产品与培训
相关文章
推荐文章
dreamweaver制作圆角表格
JavaScript实现变色表格特效
JavaScript实现表格特效
JS特效围绕图片疯狂旋转的花朵
JS特效跟随鼠标的图片
js特效点击会变色哦！！
JavaScript加密解密的实现方法
减轻JavaScript测试和调试负担
未知高度的非表格垂直对齐
JavaScript的9个陷阱及评点
文章评论
精彩友情推荐
华为网管交换机
IDC资讯大全
华为以太网交换机
机房品质万里行
华为交换机最新报价
IDC托管必备知识
华为千兆光纤交换机
全国IDC报价
华为千兆交换机
网站推广优化
中国设计秀Cnwebshow.com 
2007-8-21 
佚名 
相关文章