<p id="l55vn"></p>
<nobr id="l55vn"></nobr>
<menuitem id="l55vn"><delect id="l55vn"><i id="l55vn"></i></delect></menuitem>

<p id="l55vn"></p>
      <nobr id="l55vn"><thead id="l55vn"><i id="l55vn"></i></thead></nobr>
      <b id="l55vn"></b>

            <menuitem id="l55vn"></menuitem>
              <nobr id="l55vn"><ruby id="l55vn"><i id="l55vn"></i></ruby></nobr>

              首頁 > 設計 > 網頁設計 > 正文

              網頁常用特效整理:高級篇

              2018-10-16 20:51:30
              字體:
              來源:轉載
              供稿:網友
              筆者日積月累了許多精彩、實用的Web特效的制作,這些特效幾乎都是比較常用的網頁特效?,F在我就把這些經過整理和修改過的特效分三個級別分別介紹給大家。

                高級篇

                1.不同時間段顯示不同問候語

               ?。糞cript 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>

                2.水中倒影效果

               ?。糹mg id="reflect" src="你自己的圖片文件名" width="175" height="59">
               ?。約cript 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>

                3.慢慢變大的窗口

               ?。糞cript 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>
               ?。紁><a href="javascript:openwindow('http://www.ccjol.com')">進入</a>

                4.改變IE地址欄的IE圖標

                我們要先做一個16*16的icon(圖標文件),保存為index.ico。把這個圖標文件上傳到根目錄下并在首頁<head></head>之間加上如下代碼:

               ?。糽ink REL = "Shortcut Icon" href="index.ico">

              本文作者:
              發表評論 共有條評論
              用戶名: 密碼:
              驗證碼: 匿名發表
              a级情欲片在线观看免费
              <p id="l55vn"></p>
              <nobr id="l55vn"></nobr>
              <menuitem id="l55vn"><delect id="l55vn"><i id="l55vn"></i></delect></menuitem>

              <p id="l55vn"></p>
                  <nobr id="l55vn"><thead id="l55vn"><i id="l55vn"></i></thead></nobr>
                  <b id="l55vn"></b>

                        <menuitem id="l55vn"></menuitem>
                          <nobr id="l55vn"><ruby id="l55vn"><i id="l55vn"></i></ruby></nobr>