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

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

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

本文作者:
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
金玫玫床戏