Heim > Web-Frontend > js-Tutorial > JavaScript 经典效果集_javascript技巧

JavaScript 经典效果集_javascript技巧

WBOY
Freigeben: 2016-05-16 19:20:37
Original
1047 Leute haben es durchsucht

些很实用且必用的小脚本代码:

脚本1:进入主页以后自动播放声音 
 

脚本2:进入主页后自动最大话,省的去在自己单击了 
<script> <BR>self.moveTo(0,0) <BR>self.resizeTo(screen.availWidth,screen.availHeight) <BR></script> 

脚本3:显示现在时间的脚本 
<script>document.write now</script> 

脚本4:显示最后修改时间的脚本 
<script>document.write(document.lastModified)</script> 

脚本5:设为首页,加为收藏,加入频道,启动outlook发信 
onclick="this.style.behavior="url(#default#homepage)"; 
this.setHomePage("yourURL">设为首页
 

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

加入频道 

与我联系 

脚本6:状态栏动态显示现在时间 
<script> <BR>function see(){ <BR>window.setTimeout("see()",1000); <BR>today = new Date(); <BR>self.status = today.toString(); <BR>} <BR></script> 
 

脚本7:关闭窗口的脚本 
[关闭窗口] 

脚本8:按下F12键,直接返回首页 
<script>function look(){ <BR>if(event.keyCode==123){document.location.href=http://10.13.31.90/~kayvin/} <BR>} <BR>if(document.onkeydown==null) <BR>{document.onkeydown=look} <BR></script> 

脚本9:后退,刷新,前进

复制代码 代码如下:

 
 
 

脚本10:设定时间弹出窗口,4000=4秒,当然你可以自定义
复制代码 代码如下:

<script>function l() { <BR>window.open("yourURL","name","width=500,height=150,border=0") <BR>} <BR>setTimeout("l()",4000) <BR></script>

二 鼠标旁边的提示信息,类似与163登录后的页面提示效果
"); 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需刷新才能执行]

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage