• 首页
• 域名注册
• 虚拟主机
• 网站建设
• 服务器租用
• 营销推广
• 网站程序
• 前端开发
• 移动互联网
• 企业邮箱

• 当前位置：创新互联 >> 常见问题 >> 前端开发 >> JavaScript教程 >> 网页设计常用Javascript经典代码

网页设计常用Javascript经典代码

• 作者：创新互联 文章来源：技术部 点击数： 更新时间：2015-07-10

• 

  
  

        网页特效代码包含有广告代码、导航菜单代码、日历控件、飘浮特效、文字特效、色彩特效及图片特效等，通过一个个鲜活、典型的实战来达到学以致用。下面成都网站建设公司创新互联就和大家分享下网页设计常用Javascript经典代码。

        1．添加到收藏夹

        ＜script Language="Javascript"＞  
  　　function bookmarkit()  
  　　{  
  　　window.external.addFavorite(’http://你的网址’,’你的网站名称’)  
  　　}  
  　　if (document.all)document.write(’＜a href="#" onClick="bookmarkit()"＞加入收藏夹＜/a＞’)  
       ＜/script＞

        2．让超链接不显示下划线

        ＜style type="text/css"＞  
  　　＜!-  
  　　a:link{text-decoration:none}  
  　　a:hover{text-decoration:none}  
  　　a:visited{text-decoration:none}  
  　　-＞  
        ＜/style＞ 

         3．禁止鼠标右键的动作

       ＜script Language = "Javascript"＞  
  　　function click() { if (event.button==2||event.button==3)  
  　　{  
  　　alert(’禁止鼠标右键’);  
  　　}  
  　　document.onmousedown=click // --＞  
        ＜/script＞

        4．设置该页为首页 

        ＜body bgcolor="#FFFFFF" text="#000000"＞  
  　　＜!-- http://你的网址--＞  
  　　＜a class="chlnk" style="cursor:hand" HREF  
  　　onClick="this.style.behavior=’url(#default#homepage)’;  
  　　this.setHomePage(’你的网站名称);"＞＜font color="000000" size="2" face="宋体"＞设为首页＜/font＞＜/a＞  
        ＜/body＞

        5．让文字不停地滚动 

        ＜MARQUEE＞滚动文字＜/MARQUEE＞

        6．记录并显示网页的最后修改时间 

        ＜script language=Javascript＞  
  　　document.write("最后更新时间: " + document.lastModified + "")  
        ＜/script＞

        7．关闭当前窗口

        ＜a href="https://www.cdxwcx.com/"onClick="javascript:window.close();return false;"＞关闭窗口＜/a＞

        5秒后关闭当前页 

        ＜script language="Javascript"＞  
  　　＜!--  
  　　setTimeout(’window.close();’,5000);  
  　　--＞  
        ＜/script＞

        9．2秒后载入指定网页 

        ＜head＞  
  　　＜meta http-equiv="refresh" content="2;URL=http://你的网址"＞  
        ＜/head＞

         10．节日倒计时

        ＜script Language="Javascript"＞  
  　　var timedate= new Date("December 25,2003");  
  　　var times="圣诞节";  
  　　var now = new Date();  
  　　var date = timedate.getTime() - now.getTime();  
  　　var time = Math.floor(date / (1000 * 60 * 60 * 24));  
  　　if (time ＞= 0)  
  　　document.write("现在离"+times+"还有: "+time +"天")

        ＜/script＞

        11．水中倒影效果 

  　　＜img id="reflect" src="你自己的图片文件名" width="175" height="59"＞  
  　　＜script language="Javascript"＞  
  　　function f1()  
  　　{  
  　　　　setInterval("mdiv.filters.wave.phase+=10",100);  
  　　}  
  　　if (document.all)  
  　　{  
  　　　　document.write(’＜img id=mdiv src="’+document.all.reflect.src+’"  
  　　　　style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()"＞’)  
  　　　　window.onload=f1  
  　　}  
  　　＜/script＞

         12．慢慢变大的窗口

        ＜script Language="Javascript"＞  
  　　＜!--  
  　　var Windowsheight=100  
  　　var Windowswidth=100  
  　　var numx=5  
  　　function openwindow(thelocation){  
  　　temploc=thelocation  
  　　if  
  　　(!(window.resizeTo&&document.all)&&!(window.resizeTo&&document.getElementById))  
  　　{  
  　　　　window.open(thelocation)  
  　　　　return  
  　　}  
  　　windowsize=window.open("","","scrollbars")  
  　　windowsize.moveTo(0,0)  
  　　windowsize.resizeTo(100,100)  
  　　tenumxt()  
  　　}  
  　　function tenumxt(){  
  　　if (Windowsheight＞=screen.availHeight-3)  
  　　　　numx=0  
  　　windowsize.resizeBy(5,numx)  
  　　Windowsheight+=5  
  　　Windowswidth+=5  
  　　if (Windowswidth＞=screen.width-5)  
  　　{  
  　　　　windowsize.location=temploc  
  　　　　Windowsheight=100  
  　　　　Windowswidth=100  
  　　　　numx=5  
  　　　　return  
  　　}  
  　　setTimeout("tenumxt()",50)  
  　　}  
  　　//--＞  
        ＜/script＞  
  　　＜p＞＜a href="javascript:openwindow(你的网址)"＞进入＜/a＞

         13．改变IE地址栏的IE图标

  　　我们要先做一个16*16的icon（图标文件），保存为index.ico。把这个图标文件上传到根目录下并在首页＜head＞＜/head＞之间加上如下代码：

   ＜link REL = "Shortcut Icon" href="index.ico"＞ 

        14．单击按钮打印出当前页

        ＜script Language="Javascript"＞  
  　　＜!-- Begin  
  　　if (window.print) {  
  　　document.write(’＜form＞’  
  　　+ ’＜input type=button name=print value="打印本页" ’  
  　　+ ’onClick="javascript:window.print()"＞＜/form＞’);  
  　　}  
  　　// End --＞  
       ＜/script＞

        15．单击按钮‘另存为’当前页

        ＜input type="button" name="Button" value="保存本页"  
  　　onClick="document.all.button.ExecWB(4,1)"＞  
  　　＜object id="button"  
  　　width=0  
  　　height=0  
  　　classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"＞  
  　　＜embed width="0" height="0"＞＜/embed＞  
  　　＜/object＞

• 2015年最好的JavaScript框架！ :上一篇
  js代码禁止浏览器直接复制页面内容 :下一篇