• 2009-10-03

    html网页特效代码集

    Tag:

    版权声明:转载时请以超链接形式标明文章原始出处和作者信息及本声明
    http://www.blogbus.com/dickmoore-logs/53711646.html


    设为首页的网页代码
    <a href=# onclick=this.style.behavior='url(#default#homepage)';this.setHomePage ('http://www.002pc.com');>设为首页</a>

    添加到收藏夹:
    <a href="javascript:window.external.addFavorite('http://www.002pc.com','网站说明');">添加到收藏夹</a>

    禁止鼠标右键的动作的代码
    <Script Language = "
    JavaScript">
    function click() { if (event.button==2||event.button==3)
    {
     alert('禁止鼠标右键,第二
    电脑网提示');
    }
    document.onmousedown=click // -->
    </Script>
    或者
    <script language="JavaScript">
    function click() { if (event.button==2)
    {alert('禁止鼠标右键,第二电脑网提示*^_^*'); } } document.onmousedown=click // -->
    </script>

    显示系统当前日期的代码
    <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>

    不同时间段显示不同问候语 
    <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>

    节日倒计时代码,可以用来改各种节日
    <Script Language="JavaScript">
      var timedate= new Date("October 1,2002");
      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>

    最小化、最大化、关闭窗口
    <object id=hh1 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
    <param name="Command" value="Minimize"></object>
    <object id=hh2 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
    <param name="Command" value="Maximize"></object>
    <OBJECT id=hh3 classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
    <PARAM NAME="Command" value="Close"></OBJECT>
    <input type=button value=最小化 onclick=hh1.Click()>
    <input type=button value=最大化 onclick=hh2.Click()>
    <input type=button value=关闭 onclick=hh3.Click()>
    本例适用于IE


    记录并显示网页的最后修改时间的代码
    <script language=JavaScript>
    document.write("最后更新时间: " + document.lastModified + "")
    </script>


    2秒后关闭当前页
    <script language="JavaScript">
    <!--
    setTimeout('window.close();',2000);
    -->
    </script>


    2秒后载入指定网页
    <head>
    <meta http-equiv="refresh" content="2;URL=http://www.002pc.com">
    </head>
    其实就是刷新一下


    添加到收藏夹
    <Script Language="JavaScript">
    function bookmarkit()
    {
     window.external.addFavorite('http://www.002pc.com','你的网站名称')
    }
     if (document.all)document.write('<a href="#" onClick="bookmarkit()">加入收藏夹</a>')
    </Script>


    设置该页为首页
    <body bgcolor="#FFFFFF" text="#000000">
    <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>

    单击按钮打印出当前页
    <Script Language="JavaScript">
      if (window.print) {
      document.write('<form>'
      + '<input type=button name=print value="打印本页" '
      + 'onClick="javascript:window.print()"></form>');
      }
    </Script>

    单击按钮‘另存为’当前页
    <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>

    水中倒影效果 <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>

    慢慢变大的窗口 
    <Script Language="JavaScript">
      <!--
      var Windowsheight=100
      var Windowswidth=100
      var numx=5
      function openwindow(thelocation){
      temploc=thelocation&, amp;, nbsp;
      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>
    <a href="javascript:openwindow('http://www.002pc.com')">进入</a>


    鼠标指向时弹出信息框
    在<body></body>之间加上如下代码: <a href onmou
    seover="alert('弹出信息!')">显示的链接文字</a>

    随机变换背景图象(一个可以刷新心情的特效)
    在<head></head>之间加上如下代码:
    <Script Language="JavaScript">
      image = new Array(4); //定义image为图片数量的数组
      image [0] = 'tu0.gif' //背景图象的路径
      image [1] = 'tu1.gif'
      image [2] = 'tu2.gif'
      image [3] = 'tu3.gif'
      image [4] = 'tu4.gif'
      number = Math.floor(Math.random() * image.length);
      document.write("<BODY background="/+image[number]+">");
    </Script>

    鼠标一碰就给颜色看的链接 在<body></body>之间加上如下代码:
    <p onMouseMove="anniu()">你敢碰我,我就给点颜色你看!</p>
    <Script Language = "VBScript">
      sub anniu
      document.fgColor=int(256*256*256*rnd)
      end sub
    </Script>

    从天而降并有幻影效果的窗口
      <head>
      <Script language="JavaScript">
      function move(x) {
      if(self.moveBy){
      self.moveBy (0,-800);
      for(i = x; i > 0; i--)
      {
      self.moveBy(0,3);
      }
      for(j = 200; j > 0; j--){ //如果你认为窗口抖动厉害,就200换成个位数
      self.moveBy(0,j);
      self.moveBy(j,0);
      self.moveBy(0,-j);
      self.moveBy(-j,0);
      }
      }
      }
      </Scrip>
      <body bgColor=#ffffff onload=move(280)>
      </body>
      </head>

    表格的半透明显示效果 在<head></head>之间加上如下代码:
    <style>
    .alpha{filter: Alpha(Opacity=50)} //50表示50%的透明度
    </style>

    在<body></body>之间加上如下代码:
    <table border="1" width="100" height="62" class="alpha" bgcolor="#F2A664" >
     <tr>
      <td width="100%" height="62">
      <div align="center">很酷吧!</div>
      </td>
     </tr>
    </table>


    锁定状态栏文字防止显示地址
    <body onmouseover="self.status='文字';return true">


    禁止图片下载
    在<body......>这里的最后加入:
    oncontextmenu="return false" ondragstart="return false" onselectstart="return false" scroll="auto"

    禁止缓存
    <meta http-equiv="Expires" CONTENT="0">
    <meta http-equiv="Cache-Control" CONTENT="no-cache">
    <meta http-equiv="Pragma" CONTENT="no-cache">
    加在HEAD里

    使用包含页面
    加密所包含页面地址,使用工具 htmlguardian5.3.5
    目前功能最强的html代码加密
    软件,可以保护连接和html代码被盗。1.锁右键。2.禁鼠标圈选。3.不允许离线使用。4.密码保护。5.不显示状态栏 url地址。6.全代码 或 局部代码保护。7.链接跟踪。8.禁止打印(IE5+)。9.压缩代码( 未加密前)。10.可加密*.html *.js *.[url= target=_blank http:=]ASP[/url]/' target='_blank' class='infotextkey'>asp *.vbs。11.两种不同加密算法。12.加密 frameset 结构。13.某些功能支持几个不同版本的浏览器
     
    下载flash我的三种方法:
    --查看源文件,找出flash的绝对路径,复制,在flashget(或蚂蚁)中点任务
    ,然后点新建下载任务即可。
    --在IE的临时文件夹Temporary Internet Files里把所有的东西都删掉,然后

    刷新你想要下载flash的网页,即可得到你所要的flash
    --使用外部软件,推荐使用Flash Catcher,
    安装后只需在你所要下载的flash上右键,save即可。

    让IFRAME框架内的文档的背景透明
    <iframe src="about:<body style='background:transparent'>" allowtransparency></iframe>

    进入页面后立即自动刷新?
    <meta http-equiv="refresh" content="120;url=http://www.002pc.com/">
    http://www.002pc.com/,这是你自己的网址。
    打开窗口即最大化
    <script language="JavaScript">
    <!-- Begin
    self.moveTo(0,0)
    self.resizeTo(screen.availWidth,screen.availHeight)
    // End -->
    </script>

    能隐藏IFRAME的滚动条吗?我知道的三种方法:
    1. 设置iframe scrolling="no"
    2. 被包含页body应用overflow:hidden
    3. 被包含页的body标签加scroll="no"

    加入背景音乐

    <bgsound src="mid/windblue[1].mid" loop="-1"> 只适用于IE
    <embed src="music.mid" autostart="true" loop="true" hidden="true">
    对Netscape ,IE 都适用
    嵌入网页,框架
    <iframe name="tt" src="/01a.html" width="450" height="287" scrolling="Auto" frameborder="0"></iframe>

    跳转就是自动刷新网页
    <meta http-equiv="refresh" content="3;URL=002pc.htm">

    滚动
    <MARQUEE direction=up height=146 onmouseout=start() onmouseover=stop() scrollAmount=4>
    </marquee>

    细线分隔线
    <hr noshade size=0 color=#C0C0C0>

    过度方式
    <meta http-equiv="Page-Exit" content="revealTrans(Duration=3,Transition=5)">
    Duration的值为网页动态过渡的时间,单位为秒。
    Transition是过渡方式,它的值为0到23,分别对应24种过渡方式。如下表:
    0 盒状收缩 1 盒状放射
    2 圆形收缩 3 圆形放射
    4 由下往上 5 由上往下
    6 从左至右 7 从右至左
    8 垂直百叶窗 9 水平百叶窗
    10 水平格状百叶窗 11垂直格状百叶窗
    12 随意溶解 13从左右两端向中间展开
    14从中间向左右两端展开 ...
    分享到:

    历史上的今天: