网页常用特效代码收拾_JavaScript_脚本之家

作者: 澳门金莎娱乐网站  发布:2019-12-06

高级篇 1.不同时间段显示不同问候语 <ScriptLanguage="JavaScript"> <!-- vartext="";day=newDate; if text="夜猫子,要注意身体哦!" if text="今天的阳光真灿烂啊,你那个朋友呢?" if) text="午休时间。您要保持睡眠哦!" if) text="祝您下午工作愉快!" if&& text="您又来了,可别和MM聊太久哦!" if) text="您应该休息了!" document.write //---> </Script> 2.水中倒影效果 <imgsrc="你自己的图片文件名"width="175"height="59"> <scriptlanguage="JavaScript"> functionf1() { setInterval("mdiv.filters.wave.phase =10",100); } if { document.write('<imgid=mdivsrc="' document.all.reflect.src '" style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30)blur window.onload=f1 } </script> 3.慢慢变大的窗口 <ScriptLanguage="JavaScript"> <!-- varWindowsheight=100 varWindowswidth=100 varnumx=5 functionopenwindow{ temploc=thelocation if (!(window.resizeTo&&document.all)&&!(window.resizeTo&&document.getElementById)) { window.open return } windowsize=window.open windowsize.moveTo windowsize.resizeTo } functiontenumxt(){ if(Windowsheight>=screen.availHeight-3) numx=0 windowsize.resizeBy Windowsheight =5 Windowswidth =5 if(Windowswidth>=screen.width-5) { windowsize.location=temploc Windowsheight=100 Windowswidth=100 numx=5 return } setTimeout } //--> </script> <p><ahref="javascript:openwindow(' 4.改变IE地址栏的IE图标 我们要先做一个16*16的icon,保存为index.ico。把这个图标文件上传到根目录下并在首页<head></head>之间加上如下代码: <linkREL="ShortcutIcon"href="index.ico"> 5.让网页随意后退 <ahref="javascript:history.go">X</a>//把X换成你想要后退在页数 //把“-”变成“ ”就为前进 6.鼠标指向时弹出信息框 在<body></body>之间加上如下代码: <ahrefonmouseover="alert">显示的链接文字</a> 7.单击鼠标右键弹出添加收藏夹对话框 在<body></body>之间加上如下代码: <ScriptLanguage=JavaScript> if document.body.onmousedown=newFunction("if(event.button==2||event.button==3) window.external.addFavorite </Script> 8.随机变换背景图象 在<head></head>之间加上如下代码: <ScriptLanguage="JavaScript"> image=newArray;//定义image为图片数量的数组 image[0]='tu0.gif'//背景图象的路径 image[1]='tu1.gif' image[2]='tu2.gif' image[3]='tu3.gif' image[4]='tu4.gif' number=Math.floor*image.length); document.write("<BODYBACKGROUND=" image[number] ">"); </Script> 9.鼠标一碰就给颜色看的链接 在<body></body>之间加上如下代码: <ponMouseMove="anniu()">你敢碰我,我就给点颜色你看!</p> <ScriptLanguage="VBScript"> subanniu document.fgColor=int endsub </Script> 10.从天而降并有幻影效果的窗口 <head> <Scriptlanguage="JavaScript"> functionmove{ self.moveBy; for { self.moveBy; } for{//如果你认为窗口抖动厉害,就200换成个位数 self.moveBy; self.moveBy; self.moveBy; self.moveBy; } } } </Scrip> <bodybgColor=#ffffffonload=move> </body> </head> 11.表格的半透明显示效果 在<head></head>之间加上如下代码: <style> .alpha{filter:Alpha}//50表示50%的透明度 </style> 在<body></body>之间加上如下代码: <tableborder="1"width="100"height="62"bgcolor="#F2A664"> <tr> <tdwidth="100%"height="62"> <divalign="center">很酷吧!</div> </td> </tr> </table> 中级篇 1.节日倒计时 <ScriptLanguage="JavaScript"> vartimedate=newDate; vartimes="国庆节"; varnow=newDate(); vardate=timedate.getTime; vartime=Math.floor; if document.write("现在离" times "还有:" time "天")</Script> 2.单击按钮打印出当前页 <ScriptLanguage="JavaScript"> <!--Begin if{ document.write('<form>' '<inputtype=buttonname=printvalue="打印本页"' 'onClick="javascript:window.print; } //End--> </Script> 3.单击按钮‘另存为'当前页 <inputtype="button"name="Button"value="保存本页" onClick="document.all.button.ExecWB"> <object width=0 height=0 class> <embedwidth="0"height="0"></embed> </object> 4.显示系统当前日期 <scriptlanguage=JavaScript> today=newDate{ this.length=date.arguments.length for(vari=0;i<this.length;i ) this[i 1]=date.arguments[i]} vard=newdate("星期日","星期一","星期二","星期三","星期四","星期五","星期六"); document.write( "<fontcolor=##000000style='font-size:9pt;font-family:宋体'>", today.getYear(),"年",today.getMonth() 1,"月",today.getDate(),"日", d[today.getDay; </script> 初级篇 1.让文字不停地滚动 <MARQUEE>滚动文字</MARQUEE> 2.记录并显示网页的最后修改时间 <scriptlanguage=JavaScript> document.write("最后更新时间:" document.lastModified "") </script> 3.关闭当前窗口 <ahref="/"onClick="javascript:window.close();returnfalse;">关闭窗口</a> 4.2秒后关闭当前页 <scriptlanguage="JavaScript"> <!-- setTimeout;',2000); --> </script> 5.2秒后载入指定网页 <head> <metahttp-equiv="refresh"content="2;URL= </head> 6.添加到收藏夹 <ScriptLanguage="JavaScript"> functionbookmarkit() { window.external.addFavorite('') } ifdocument.write('<ahref="#"onClick="bookmarkit </Script> 7.让超链接不显示下划线 <styletype="text/css"> <!- a:link{text-decoration:none} a:hover{text-decoration:none} a:visited{text-decoration:none} -> </style> 8.禁止鼠标右键的动作 <ScriptLanguage="JavaScript"> functionclick(){if(event.button==2||event.button==3) { alert; } document.onmousedown=click//--> </Script> 9.设置该页为首页 <bodybgcolor="#FFFFFF"text="#000000"> <澳门金莎娱乐网站 ,!--网址: <astyle="cursor:hand"HREF onClick="this.style.behavior='url'; this.setHomePage;"><fontcolor="000000"size="2"face="宋体">设为首页</font></a> </body>

本文由金沙澳门官网发布于澳门金莎娱乐网站,转载请注明出处:网页常用特效代码收拾_JavaScript_脚本之家

关键词: 金沙澳门官网