Java民工的鐵皮房

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

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

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


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

          1.讓文字不停地滾動(dòng)

            <MARQUEE>滾動(dòng)文字</MARQUEE>

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

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

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

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

          4.5秒后關(guān)閉當(dāng)前頁(yè)

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

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

            <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.禁止鼠標(biāo)右鍵的動(dòng)作

             function click() {

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

                        alert(''禁止鼠標(biāo)右鍵'');   

                    } 

                document.onmousedown=click // -->   

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

            <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è)為首頁(yè)</font></a>   

                 </body>

          10.節(jié)日倒計(jì)時(shí)

            <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.單擊按鈕打印出當(dāng)前頁(yè)

            <Script Language="javascript">   

                  <!-- Begin   if (window.print) {   document.write(''<form>''   + ''<input type=button name=print value="打印本頁(yè)" ''   + ''onClick="javascript:window.print()"></form>'');   }   // End -->   

                  </Script>

          12.單擊按鈕‘另存為’當(dāng)前頁(yè)

            <input type="button" name="Button" value="保存本頁(yè)"   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)當(dā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.不同時(shí)間段顯示不同問(wèn)候語(yǔ)

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

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

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

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

              text="您又來(lái)了,可別和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 )">進(jìn)入</a>

          17.改變IE地址欄的IE圖標(biāo)

            我們要先做一個(gè)16*16的icon(圖標(biāo)文件),保存為index.ico。把這個(gè)圖標(biāo)文件上傳到根目錄下并在首頁(yè)<head></head>之間加上如下代碼:           <link REL = "Shortcut Icon" href="/index.ico">

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


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


          網(wǎng)站導(dǎo)航:
           
          主站蜘蛛池模板: 独山县| 乡城县| 榆社县| 枣阳市| 商南县| 赣州市| 若羌县| 池州市| 左贡县| 双辽市| 北票市| 丹棱县| 余庆县| 阳山县| 上林县| 镇康县| 当雄县| 徐闻县| 哈尔滨市| 西林县| 潜江市| 贺州市| 修水县| 兴安盟| 墨脱县| 鹰潭市| 河北省| 醴陵市| 兴隆县| 南充市| 五台县| 宜都市| 阿瓦提县| 都昌县| 元谋县| 司法| 准格尔旗| 于都县| 广东省| 沿河| 松桃|