當前位置:蘿卜系統下載站 > 網頁設計教程 > 詳細頁面

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

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

更新時間:2020-01-30 文章作者:未知 信息來源:網絡 閱讀次數:

網站建設是指使用標識語言(markup language),通過一系列設計、建模、和執行的過程將電子格式的信息通過互聯網傳輸,最終以圖形用戶界面(GUI)的形式被用戶所瀏覽。簡單來說,網頁設計的目的就是產生網站。簡單的信息如文字,圖片(GIF,JPEG,PNG)和表格,都可以通過使超文件標示語言、可擴展超文本標記語言等標示語言放置到網站頁面上。    筆者日積月累了許多精彩、實用的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.慢慢變大的窗口

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

大多數人在上網的時候,都會瀏覽網頁提供給我們的信息。

溫馨提示:喜歡本站的話,請收藏一下本站!

本類教程下載

系統下載排行

亚洲嫩草影院久久精品