JavaScript經(jīng)典效果

時間：2024-09-22 00:06:21 JavaScript 我要投稿

javascript實現(xiàn)的多個層切換效果函數(shù)示例推薦度：
相關(guān)推薦

JavaScript經(jīng)典效果集錦

　　些很實用且必用的小腳本代碼:

　　腳本1:進入主頁以后自動播放聲音

　　腳本2:進入主頁后自動最大話,省的去在自己單擊了

　　self.moveTo(0,0)

　　self.resizeTo(screen.availWidth,screen.availHeight)

　　腳本3:顯示現(xiàn)在時間的腳本

　　document.writenow

　　腳本4:顯示最后修改時間的腳本

　　document.write(document.lastModified)

　　腳本5:設(shè)為首頁,加為收藏，加入頻道,啟動outlook發(fā)信

　　<astyle="cursor:hand"

　　onclick="this.style.behavior="url(#default#homepage)";

　　this.setHomePage("yourURL">設(shè)為首頁

　　<astyle="cursor:hand"

　　onclick="window.external.AddFavorite(location.href,document.title);">加入收藏

　　加入頻道

　　與我聯(lián)系

　　腳本6:狀態(tài)欄動態(tài)顯示現(xiàn)在時間

　　functionsee(){

　　window.setTimeout("see()",1000);

　　today=newDate();

　　self.status=today.toString();

　　}

　　腳本7:關(guān)閉窗口的腳本

　　[關(guān)閉窗口]

　　腳本8:按下F12鍵,直接返回首頁

　　functionlook(){ if(event.keyCode==123){document.location.href=http://10.13.31.90/~kayvin/} } if(document.onkeydown==null) {document.onkeydown=look}

　　腳本9:后退,刷新,前進

　　復(fù)制代碼代碼如下:

　　腳本10:設(shè)定時間彈出窗口,4000=4秒,當然你可以自定義

　　復(fù)制代碼代碼如下:

　　functionl(){ window.open("yourURL","name","width=500,height=150,border=0") } setTimeout("l()",4000)

　　二鼠標旁邊的提示信息,類似與163登錄后的頁面提示效果

　　tip //***********默認設(shè)置定義.********************* tPopWait=50;//停留tWait豪秒后顯示提示。 tPopShow=5000;//顯示tShow豪秒后關(guān)閉提示 showPopStep=20; popOpacity=99; //***************內(nèi)部變量定義***************** sPop=null; curShow=null; tFadeOut=null; tFadeIn=null; tFadeWaiting=null; document.write(""); document.write(".cPopText { background-color: #F8F8F5;color:#000000; border: 1px #000000 solid;font-color: font-size: 12px; padding-right: 4px; padding-left: 4px; height: 20px; padding-top: 2px; padding-bottom: 2px; filter: Alpha(Opacity=0)}"); document.write(""); document.write(""); function showPopupText(){ var o=event.srcElement; MouseX=event.x; MouseY=event.y; if(o.alt!=null && o.alt!=""){o.dypop=o.alt;o.alt=""}; if(o.title!=null && o.title!=""){o.dypop=o.title;o.title=""}; if(o.dypop!=sPop) { sPop=o.dypop; clearTimeout(curShow); clearTimeout(tFadeOut); clearTimeout(tFadeIn); clearTimeout(tFadeWaiting); if(sPop==null || sPop=="") { dypopLayer.innerHTML=""; dypopLayer.style.filter="Alpha()"; dypopLayer.filters.Alpha.opacity=0; } else { if(o.dyclass!=null) popStyle=o.dyclass else popStyle="cPopText"; curShow=setTimeout("showIt()",tPopWait); } } } function showIt(){ dypopLayer.className=popStyle; dypopLayer.innerHTML=sPop; popWidth=dypopLayer.clientWidth; popHeight=dypopLayer.clientHeight; if(MouseX+12+popWidth>document.body.clientWidth) popLeftAdjust=-popWidth-24 else popLeftAdjust=0; if(MouseY+12+popHeight>document.body.clientHeight) popTopAdjust=-popHeight-24 else popTopAdjust=0; dypopLayer.style.left=MouseX+12+document.body.scrollLeft+popLeftAdjust; dypopLayer.style.top=MouseY+12+document.body.scrollTop+popTopAdjust; dypopLayer.style.filter="Alpha(Opacity=0)"; fadeOut(); } function fadeOut(){ if(dypopLayer.filters.Alpha.opacity0) { dypopLayer.filters.Alpha.opacity-=1; tFadeIn=setTimeout("fadeIn()",1); } } document.onmouseover=showPopupText;

　　[Ctrl+A 全選注:如需引入外部Js需刷新才能執(zhí)行]

《&.doc》

将本文的Word文档下载到电脑，方便收藏和打印

推荐度：

点击下载文档

搜索文档

【JavaScript經(jīng)典效果】相關(guān)文章：

有關(guān)javascript實現(xiàn)的多個層切換效果通用函數(shù)示例10-07

對javascript的理解08-08

常用的JavaScript模式09-22

Javascript的this用法簡述08-15

JavaScript學(xué)習(xí)筆記08-24