JavaScript经典效果集锦
些很实用且必用的小脚本代码:
脚本1:进入主页以后自动播放声音
脚本2:进入主页后自动最大话,省的去在自己单击了
self.moveTo(0,0)
self.resizeTo(screen.availWidth,screen.availHeight)
脚本3:显示现在时间的脚本
document.writenow
脚本4:显示最后修改时间的脚本
document.write(document.lastModified)
脚本5:设为首页,加为收藏，加入频道,启动outlook发信
<astyle="cursor:hand"
onclick="this.style.behavior="url(#default#homepage)";
this.setHomePage("yourURL">设为首页
<astyle="cursor:hand"
onclick="window.external.AddFavorite(location.href,document.title);">加入收藏
加入频道
与我联系
脚本6:状态栏动态显示现在时间
functionsee(){
window.setTimeout("see()",1000);
today=newDate();
self.status=today.toString();
}
脚本7:关闭窗口的脚本
[关闭窗口]
脚本8:按下F12键,直接返回首页
functionlook(){ if(event.keyCode==123){document.location.href=http://10.13.31.90/~kayvin/} } if(document.onkeydown==null) {document.onkeydown=look}
脚本9:后退,刷新,前进
复制代码 代码如下:
脚本10:设定时间弹出窗口,4000=4秒,当然你可以自定义
复制代码 代码如下:
functionl(){ window.open("yourURL","name","width=500,height=150,border=0") } setTimeout("l()",4000)
二鼠标旁边的提示信息,类似与163登录后的页面提示效果
tip //***********默认设置定义.********************* tPopWait=50;//停留tWait豪秒后显示提示。 tPopShow=5000;//显示tShow豪秒后关闭提示 showPopStep=20; popOpacity=99; //***************内部变量定义***************** 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需刷新才能执行]
【JavaScript经典效果】相关文章：
有关javascript实现的多个层切换效果通用函数示例10-07
对javascript的理解08-08
常用的JavaScript模式09-22
Javascript的this用法简述08-15
JavaScript学习笔记08-24
JavaScript 基础教学09-29
JavaScript的课堂讲解09-03
JavaScript常用方法汇总10-25
JavaScript数组常用方法介绍09-04
JavaScript中的with关键字07-24