网站首页 > 网页设计教程 > Javascript教程 > 网页常用Javascript经典代码收集

网页常用Javascript经典代码收集

  • 作者:互联网
  • 时间:2009-06-11 16:26:18

1.添加到收藏夹 

   HTML代码
 
  [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

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

   HTML代码
 
  [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

3.禁止鼠标右键的动作 

 HTML代码
   
  [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

4.设置该页为首页 

 HTML代码
   
   
  
  [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

9.2秒后载入指定网页 

   HTML代码
 
   
  
  [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

10.节日倒计时 

   HTML代码

  [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行] 

11.水中倒影效果 

   HTML代码
 
  
  [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行] 

12.慢慢变大的窗口 

   HTML代码
 
  

https://images.downcodes.comhttp://ww***de-123.com">http://ww***de-123.com" target="_blank" rel="external">http://ww***de-123.com)">进入
  [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行] 

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

  复制内容到剪贴板程序代码
我们要先做一个16*16的icon(图标文件),保存为in***.ico。把这个图标文件上传到根目录下并在首页之间加上如下代码: 

  in***.ico">  

 

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

   HTML代码
 
  [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

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

   HTML代码
  onClick="do***ent.all.button.ExecWB(4,1)"> 
    width=0 
  height=0 
  classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"> 
   
  
 
  [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

16.显示系统当前日期 

   HTML代码

  [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行] 

17.不同时间段显示不同问候语 

   HTML代码

  [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

18.不间断音乐

 HTML代码
http://ww***.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://ww***.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" target="_blank" rel="external">http://ww***.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
http://ww***.org/1999/xhtml">http://ww***.org/1999/xhtml" target="_blank" rel="external">http://ww***.org/1999/xhtml">


Untitled Document



fi***er.mp3" />



do***ent.getElementById('src').value)" />






  [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

19.上下左右不间断无缝滚动图片的效果(兼容火狐和IE)

 HTML代码
http://ww***.org/1999/xhtml">http://ww***.org/1999/xhtml" target="_blank" rel="external">http://ww***.org/1999/xhtml">


向上下左右不间断无缝滚动图片的效果(兼容火狐和IE)




/u/info_img/2009-06/11/02.jpg">
/u/info_img/2009-06/11/02.jpg">
/u/info_img/2009-06/11/02.jpg">
/u/info_img/2009-06/11/02.jpg">
/u/info_img/2009-06/11/02.jpg">
/u/info_img/2009-06/11/02.jpg">
/u/info_img/2009-06/11/02.jpg">
/u/info_img/2009-06/11/02.jpg">
/u/info_img/2009-06/11/02.jpg">










/u/info_img/2009-06/11/02.jpg">
/u/info_img/2009-06/11/02.jpg">
/u/info_img/2009-06/11/02.jpg">
/u/info_img/2009-06/11/02.jpg">
/u/info_img/2009-06/11/02.jpg">
/u/info_img/2009-06/11/02.jpg">
/u/info_img/2009-06/11/02.jpg">
/u/info_img/2009-06/11/02.jpg">
/u/info_img/2009-06/11/02.jpg">
























/u/info_img/2009-06/11/02.jpg">/u/info_img/2009-06/11/02.jpg">/u/info_img/2009-06/11/02.jpg">/u/info_img/2009-06/11/02.jpg">/u/info_img/2009-06/11/02.jpg">/u/info_img/2009-06/11/02.jpg">/u/info_img/2009-06/11/02.jpg">






















/u/info_img/2009-06/11/02.jpg">/u/info_img/2009-06/11/02.jpg">/u/info_img/2009-06/11/02.jpg">/u/info_img/2009-06/11/02.jpg">/u/info_img/2009-06/11/02.jpg">





  [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

20.不间断向左滚动

 HTML代码

/u/info_img/2009-06/11/04.jpg">">">">">


  [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]


21.不间断向右滚动

 HTML代码

/u/info_img/2009-06/11/04.jpg">">">">">


  [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]


连续滚动或不间断滚动代码(各种滚动方式)兼容IE和FireFox Opera 傲游 等浏览器的间隔滚动代码

由左向右方法一:

 HTML代码


border="0">
   
     
       
       
     
   

 


   
     
     
     
     
  

https://images.downcodes.comhttps://images.downcodes.comhttps://images.downcodes.comhttps://images.downcodes.comhttps://images.downcodes.comhttps://images.downcodes.com
 
 
  



  [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

由下向上方法一:

 HTML代码







最牛交通工具
最牛交通工具
最牛交通工具
最牛交通工具
最牛交通工具
最牛交通工具
最牛交通工具
最牛交通工具
最牛交通工具
最牛交通工具
最牛交通工具

   

                 


                 

                 


                 


  [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

不间断多行滚动,可控制按钮

 HTML代码




   
    https://images.downcodes.com经典论坛

    https://images.downcodes.com163.com

    https://images.downcodes.com21cn.com

    https://images.downcodes.comHappy new year
   



Direction1:
ob***arquee.direction='up'">
ob***arquee.direction='down'">
ob***arquee.direction='left'">
ob***arquee.direction='right'">
ob***arquee.direction=''">

Direction2:
ob***arquee.direction2='up'">
ob***arquee.direction2='down'">
ob***arquee.direction2='left'">
ob***arquee.direction2='right'">
ob***arquee.direction2=''">
  [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]