Java民工的鐵皮房

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

          常用網頁javascript特效

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


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

          1.讓文字不停地滾動

            <MARQUEE>滾動文字</MARQUEE>

          2.記錄并顯示網頁的最后修改時間 

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

          3.關閉當前窗口

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

          4.5秒后關閉當前頁

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

          5.2秒后載入指定網頁

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

          6.添加到收藏夾 

                  function bookmarkit() {   

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

                  }   

                  if (document.all)

                      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.設置該頁為首頁

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

            <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>

          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">

          轉載自: microtea的小屋   常用javascript


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


          網站導航:
           
          主站蜘蛛池模板: 永济市| 思南县| 平乡县| 都安| 万宁市| 塘沽区| 临颍县| 德化县| 北流市| 湘阴县| 古交市| 乡宁县| 英德市| 浮梁县| 长顺县| 平南县| 东丰县| 涟源市| 广西| 合江县| 泽州县| 汤阴县| 改则县| 呼图壁县| 巍山| 蚌埠市| 永善县| 定边县| 孟连| 涞源县| 阿拉善盟| 泽库县| 天津市| 安平县| 婺源县| 莱阳市| 武汉市| 蚌埠市| 本溪| 若羌县| 南木林县|