首頁
Java教程
J2EE教程
J2ME教程
JSP教程
XML教程
Javascript
Java核心技術
Java高級技術
Java開源技術
熱點推薦：
您现在的位置：
電腦知識網
>>
編程
>>
Java編程
>>
JSP教程
>> 正文
Js特效向右側滑出的信息提示欄
2022-06-13 來源: JSP教程
<html> <head> <title>中國設計秀</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}ntd { 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) { nuBar.left = l; } else if (document.all) {nuBar.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 = nuBar.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) {nuBar.left = l; } else if (document.all) {nuBar.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 = nuBar.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" > <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 if(this.blur)this.blur()" class="menu">Home</a><Br> <a onFocus="if(this.blur)this.blur()" class="menu">Link Two </a><Br> <a if(this.blur)this.blur()" class="menu">Project VII Home</a><Br> <a if(this.blur)this.blur()" class="menu">Project VII Design Packs</a><Br> <a if(this.blur)this.blur()" class="menu">Link Number Five</a><Br> <a 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" > <table border="0" cellspacing="0" cellpadding="0"> <tr align="center"> <td><a id="glidetextLink" javascript:;" class="glideText" onClick="Proj7GlideBack(); return false" onFocus="if(this.blur)this.blur()"> menu </a></td> </tr> </table></span> </div> </body> </html>
From:http://tw.wingwit.com/Article/program/Java/JSP/201311/19476.html
《
Js特效向右側滑出的信息提示欄
》本文是由
JSP教程
免費提供，內容來源於互聯網,本文歸原作者所有。
上一篇文章：
O/R Mapping
下一篇文章：
各種網頁播放器代碼大全
相關文章
PS打造另類的骷髅美女頭像融化特
PhotoShop創意打造手拿面具的人後
Struts, JSP和XML解析三個問題
jsp如何獲取當前路徑
JSP編程技術測試題
主板
CPU
硬盤
內存
顯卡
聲卡
顯示器
光驅
死機
推薦文章
Windows ME家庭網絡的組建
新浪微博背景怎麼設置
ASP.NET 2.0 中的Windows身份驗證
win7防火牆設置，保護你的電腦安…
Oracle業務流程管理10g第三版本面…
jquery做復選框的全選、全部選、…
寬帶共享上網和路由器設置方法
Java技巧：Hello World Ant
ASP.NET報表問題的解決方法
導入導出賬戶
在win8系統中PPPoE寬帶連接設置教…
不要在using語句中調用WCF服務
音箱常見故障維修實例
由於I/O設備錯誤
Windows系統重裝後怎麼使電腦更快…
專家為您詳解JAVA數據庫基本操作
java 並發包 多線程 工具類 筆記
數據結構考研分類復習真題 第九章…
光驅導致主辦板短路
win7連接打印機顯示本地打印後台…
你真的需要活動目錄嗎？
IP地址沖突
DMR通信協議與數字對講機基帶模塊…
Win7輕松整理磁盤碎片
一步一步在VB.NET中使用抽象類
可以輸入的下拉框
為何選擇Indy？
ASP.NET MVC 4框架揭秘:Controll…
DELPHI基礎教程：簡單數據庫應用…
Windows 7的C盤到底是應當劃分多…
存儲過程裡動態生成包含SQL語句字…
激活WindowsVistaHomeAero玻璃效…
如何保養電腦（冬季）
ASP.NET MVC 2.0之MVC框架簡介
數據庫基礎：初學者需要掌握的數…
Oracle三層嵌套查詢
二叉樹的定義
使用C# 開發掩碼輸入文本框
系統自動重啟軟故障分析
光驅跳線設置圖解
SQL Server時間函數用法詳解
如何在Visual Basic中使用導入AP…
Copyright © 2005-2022
電腦知識網
Computer Knowledge All rights reserved.
