Java民工的鐵皮房

          Consciousness Of Programming - wjywilliam 想飛,總是會飛的......
          posts - 8, comments - 14, trackbacks - 0, articles - 9
            BlogJava :: 首頁 :: 新隨筆 :: 聯(lián)系 :: 聚合  :: 管理

          常用網(wǎng)頁javascript特效

          Posted on 2007-04-06 23:58 wjywilliam 閱讀(522) 評論(0)  編輯  收藏 所屬分類: Html/Javascript


          列出些常用的javascript,大家可以把這些做成一個類,方便在項目中重復(fù)的調(diào)用。

          1.讓文字不停地滾動

            <MARQUEE>滾動文字</MARQUEE>

          2.記錄并顯示網(wǎng)頁的最后修改時間 

                   document.write("最后更新時間: " + document.lastModified + "")

          3.關(guān)閉當前窗口

            <a href="/"onClick="javascript:window.close();return false;">關(guān)閉窗口</a>

          4.5秒后關(guān)閉當前頁

            <!--   setTimeout(''window.close();'',5000);   -->

          5.2秒后載入指定網(wǎng)頁

            <head>   <meta http-equiv="refresh" content="2;URL=http://你的網(wǎng)址">   </head>

          6.添加到收藏夾 

                  function bookmarkit() {   

                      window.external.addFavorite(''http://你的網(wǎng)址'',''你的網(wǎng)站名稱'')   

                  }   

                  if (document.a(chǎn)ll)

                      document.write(''<a href="#" onClick="bookmarkit()">加入收藏夾</a>'')

          7.讓超鏈接不顯示下劃線

            <style type="text/css">   

                  <!-   a:link{text-decoration:none}   a:hover{text-decoration:none}   a:visited{text-decoration:none}   ->   

                  </style>

          8.禁止鼠標右鍵的動作

             function click() {

                    if (event.button==2||event.button==3) {

                        alert(''禁止鼠標右鍵'');   

                    } 

                document.onmousedown=click // -->   

          9.設(shè)置該頁為首頁

            <body bgcolor="#FFFFFF" text="#000000">   <!-- 網(wǎng)址:http://你的網(wǎng)址-->

                  <a class="chlnk" style="cursor:hand" HREF   onClick="this.style.behavior=''url(#default#homepage)'';   this.setHomePage(''你的網(wǎng)站名稱);"><font     color="000000"   size="2"             face="宋體">設(shè)為首頁</font></a>   

                 </body>

          10.節(jié)日倒計時

            <Script Language="javascript">   

                  var timedate= new Date("December 25,2003"); 

                  var times="圣誕節(jié)";

                  var now = new Date();

                  var date = timedate.getTime() - now.getTime();

                  var time = Math.floor(date / (1000 * 60 * 60 * 24));   

                  if (time >= 0)   

                       document.write("現(xiàn)在離"+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.a(chǎn)ll.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.顯示系統(tǒng)當前日期

            <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="午休時間哦,朋友一定是不習(xí)慣午睡的吧?!"

            if (( time >=14) && (time < 18))

              text="下午茶的時間到了,休息一下吧! "

            if ((time >= 18) && (time <= 22))

              text="您又來了,可別和MM聊太久哦!"
           
            if ((time >= 22) && (time < 24))

              text="很晚了哦,注意休息呀!"

            document.write(text)   //--->

            </Script>

          15.水中倒影效果

            <img id="reflect" src="你自己的圖片文件名" width="175" height="59">
           
            <script language="javascript">
           
            function f1()   {
           
              setInterval("mdiv.filters.wave.phase+=10",100);   }
           
            if (document.a(chǎn)ll)   {

              document.write(''<img id=mdiv src="''+document.a(chǎn)ll.reflect.src+''"

              style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()">'')

              window.onload=f1

            }
           
            </script>

          16.慢慢變大的窗口

            <Script Language="javascript">
           
            <!--   var Windowsheight=100
           
            var Windowswidth=100
           
            var numx=5

            function openwindow(thelocation){

            temploc=thelocation

            if   (!(window.resizeTo&&document.a(chǎn)ll)&&!(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">

          轉(zhuǎn)載自: microtea的小屋   常用javascript


          只有注冊用戶登錄后才能發(fā)表評論。


          網(wǎng)站導(dǎo)航:
           
          主站蜘蛛池模板: 墨玉县| 连州市| 迁西县| 宁国市| 镶黄旗| 修文县| 皮山县| 阿城市| 虞城县| 固原市| 穆棱市| 如皋市| 滨海县| 武夷山市| 遵义县| 灵川县| 赣州市| 铅山县| 太原市| 沙田区| 黄大仙区| 延安市| 巴东县| 东源县| 普陀区| 南江县| 镇平县| 新巴尔虎右旗| 淳安县| 祁连县| 祁东县| 乡宁县| 福贡县| 万年县| 蓬溪县| 游戏| 乐陵市| 黔西县| 平凉市| 盘锦市| 溧阳市|