歡迎來到合肥浪訊網絡科技有限公司官網
  咨詢服務熱線:400-099-8848

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

發(fā)布時間:2019-07-11 文章來源:本站  瀏覽次數(shù):2279

筆者銖積寸累了許多精彩、實用的Web特效的制造,這些特效簡直都是比較常用的網頁特效,F(xiàn)在我就把這些經過整理和修改過的特效分三個級別分別介紹給大家。
  高檔篇
  1.不同時刻段顯示不同問候語
  <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>
  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">

上一條:網頁常用特效收拾:中級篇...

下一條:網頁規(guī)劃根本配色參考色譜...