常用javascript网页制作特效代码

来源:互联网 发布:秦文字编淘宝 编辑:程序博客网 时间:2024/04/28 06:35
1.让文字不停地滚动  <MARQUEE>滚动文字</MARQUEE>2.记录并显示网页的最后修改时间  <script language=javascript>  document.write("最后更新时间: " + document.lastModified + "")  </script>3.关闭当前窗口  <a href="/"onClick="javascript:window.close();return false;">关闭窗口</a>4.5秒后关闭当前页  <script language="javascript">  <!--  setTimeout(''window.close();'',5000);  -->  </script>5.2秒后载入指定网页  <head>  <meta http-equiv="refresh" content="2;URL=http://你的网址">  </head>6.添加到收藏夹  <Script Language="javascript">  function bookmarkit()  {  window.external.addFavorite(''http://你的网址'',''你的网站名称'')  }  if (document.all)document.write(''<a href="#" onClick="bookmarkit()">加入收藏夹</a>'')  </Script>7.让超链接不显示下划线  <style type="text/css">  <!-  a:link{text-decoration:none}  a:hover{text-decoration:none}  a:visited{text-decoration:none}  ->  </style>8.禁止鼠标右键的动作  <Script Language = "javascript">  function click() { if (event.button==2||event.button==3)  {  alert(''禁止鼠标右键'');  }  document.onmousedown=click // -->  </Script>9.设置该页为首页  <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>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.单击按钮打印出当前页  <Script Language="javascript">  <!-- Begin  if (window.print) {  document.write(''<form>''  + ''<input type=button name=print value="打印本页" ''  + ''onClick="javascript:window.print()"></form>'');  }  // End -->  </Script>12.单击按钮‘另存为’当前页  <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>13.显示系统当前日期  <script language=javascript>  today=new Date();  function date(){  this.length=date.arguments.length  for(var i=0;i<this.length;i++)  this[i+1]=date.arguments }  var d=new date("星期日","星期一","星期二","星期三","星期四","星期五","星期六");  document.write(  "<font color=##000000 style=''font-size:9pt;font-family: 宋体''> ",  today.getYear(),"年",today.getMonth()+1,"月",today.getDate(),"日",  d[today.getDay()+1],"</font>" );  </script>14.不同时间段显示不同问候语  <Script Language="javascript">  <!--  var text=""; day = new Date( ); time = day.getHours( );  if (( time>=0) && (time < 7 ))    text="夜猫子,要注意身体哦! "  if (( time >= 7 ) && (time < 12))    text="今天天气……哈哈哈,不去玩吗?"  if (( time >= 12) && (time < 14))    text="午休时间哦,朋友一定是不习惯午睡的吧?!"  if (( time >=14) && (time < 18))    text="下午茶的时间到了,休息一下吧! "  if ((time >= 18) && (time <= 22))    text="您又来了,可别和MM聊太久哦!"  if ((time >= 22) && (time < 24))    text="很晚了哦,注意休息呀!"  document.write(text)  //--->  </Script>15.水中倒影效果


16.慢慢变大的窗口  <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(http://www.xxx.com)">进入</a>17.改变IE地址栏的IE图标  我们要先做一个16*16的icon(图标文件),保存为index.ico。把这个图标文件上传到根目录下并在首页<head></head>之间加上如下代码:<link REL = "Shortcut Icon" href="index.ico">
原创粉丝点击