首页
精品网站
艺术设计
网络学院
信息中心
求职招聘
网站综合
服装网站
编程开发
设计论坛
投稿
我要上榜
设计资源站
平面设计
画册
VI欣赏
包装
CG-插画
搜索
个人网页
Alexa排名
CSS
建站资源
下载专区
JS特效
品牌服装
服装院校
专题欣赏
SEO
图标欣赏
专题
深圳网站建设
域名注册
虚拟主机
广州网站设计
域名注册
广州网站建设
上海网站建设
虚拟主机
广州网页设计
签名设计
虚拟主机
域名注册
当前位置：
网站综合首页
>>
网页JS特效
>>
页面特效类
>> 向右侧滑出的信息提示栏
向右侧滑出的信息提示栏
网站色彩搭配讲解
跟我探索网站排名的捷径
网页banner设计欣赏
网站装饰图标设计欣赏
设计赛事集合
网页JS特效大全
来源：
中国设计秀
作者：
点击：
762
加入收藏
发表评论
0
顶一下
<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>
2007-08-21 14:51:00 出处：
本文引用地址：
http://www.cnwebshow.com/site/html/article_912.html
热点文章/相关文章
最新文章
·
JS页内查找关键词的高亮显示
·
让网页上的超链接失效，不能点击
·
javascript 改变iframe(框架)的...
·
javascript 改变框架内网页的CSS
·
一个精美强大的JS日历
·
仿Yahoo隐藏、显示层效果
·
表格以及列表隔行换色的js效果
·
向右侧滑出的信息提示栏
·
可伸展收缩的内容显示栏目
·
可选择背景色的广告牌效果
艺术设计秀最新图片
希腊设计机构平面...
韩国精美插画作品欣赏
Josh Holland插画...
房地产画册欣赏[奥...
国外标志设计欣赏...
国外包装作品设计欣赏
推荐文章
素材下载
矢量
潮流素材
背景素材
模板
网站地图
|
关于我们
|
联系我们
|
网站建设
|
广告服务
|
版权声明
|
免责声明
|
网站公告
|
友情链接
|
留言
|
旧版入口
Copyright © 2005-2008
中国设计秀_网页设计秀_艺术设计秀_网页设计教程_网站建设作品_平面设计欣赏_包装设计欣赏_品牌网站建设
All Right Reserved.
做最专业的设计服务网站,秀出自我，秀出精彩！
中国设计秀，秀---无处不在！！
交流群：9107036 3848215 8850631
粤ICP备05067046号
![房地产画册欣赏[奥林匹克花园]](/uploadfile/art/uploadfile/200808/20080803014246285.gif)
