熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> Java編程 >> JSP教程 >> 正文

8個JavaScript小特效代碼

2022-06-13   來源: JSP教程 

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

〈script Language="Javascript"〉  〈!   var text=""; day = new Date( ); time = daygetHours( );   if (( time〉=) && (time 〈  ))     text="夜貓子要注意身體哦! "   if (( time 〉=  ) && (time 〈 ))     text="今天的陽光真燦爛啊你那個朋友呢?"   if (( time 〉= ) && (time 〈 ))     text="午休時間您要保持睡眠哦!"   if (( time 〉=) && (time 〈 ))     text="祝您下午工作愉快! "   if ((time 〉= ) && (time 〈= ))     text="您又來了可別和MM聊太久哦!"   if ((time 〉= ) && (time 〈 ))     text="您應該休息了!"   documentwrite(text)   //〉  〈/script〉 

慢慢變大的窗口 

〈script Language="Javascript"〉  〈!   var Windowsheight=   var Windowswidth=   var numx=   function openwindow(thelocation){   temploc=thelocation   if   (!(windowresizeTo&&documentall)&&!(windowresizeTo&&documentgetElementById))   {     windowopen(thelocation)     return   }   windowsize=windowopen("""""scrollbars")   windowsizemoveTo()   windowsizeresizeTo()   tenumxt()   }   function tenumxt(){   if (Windowsheight〉=screenavailHeight)     numx=   windowsizeresizeBy(numx)   Windowsheight+=   Windowswidth+=   if (Windowswidth〉=screenwidth)   {     windowsizelocation=temploc     Windowsheight=     Windowswidth=     numx=     return   }   setTimeout("tenumxt()")   }   //〉  〈/script〉  〈p〉〈a href="javascript:openwindow(’〉進入〈/a〉 

改變IE地址欄的IE圖標 

我們要先做一個*的icon(圖標文件)保存為indexico把這個圖標文件上傳到根目錄下並在首頁〈head〉〈/head〉之間加上如下代碼   〈link REL = "Shortcut Icon" href="indexico"〉 

讓網頁隨意後退 

〈a href="javascript:historygo(X)"〉X〈/a〉 //把X換成你想要後退在頁數   //把“”變成“+”就為前進 

鼠標指向時彈出信息框 

在〈body〉〈/body〉之間加上如下代碼   〈a href onmouseover="alert(’彈出信息!’)"〉顯示的鏈接文字〈/a〉 

單擊鼠標右鍵彈出添加收藏夾對話框 

在〈body〉〈/body〉之間加上如下代碼   〈script Language=Javascript〉 if (documentall)   documentbodyonmousedown=new Function("if (eventbutton==||eventbutton==)   windowexternaladdFavorite(’您的網址’’您的網站名稱)")   〈/script〉 

隨機變換背景圖象(一個可以刷新心情的特效) 

在〈head〉〈/head〉之間加上如下代碼   〈script Language="Javascript"〉  image = new Array(); //定義image為圖片數量的數組  image [] = ’tugif’ //背景圖象的路徑  image [] = ’tugif’   image [] = ’tugif’   image [] = ’tugif’   image [] = ’tugif’   number = Mathfloor(Mathrandom() * imagelength);   documentwrite("〈BODY BACKGROUND="+image[number]+"〉");   〈/script〉 

表格的半透明顯示效果 

〈head〉  〈style〉  alpha{filter: Alpha(Opacity=)} //表示%的透明度  〈/style〉 〈/head〉   〈body〉  〈table border="" width="" height="" class="alpha" bgcolor="#FA" 〉  〈tr〉  〈td width="%" height=""〉  〈div align="center"〉很酷吧!〈/div〉  〈/td〉  〈/tr〉  〈/table〉 〈/body〉


From:http://tw.wingwit.com/Article/program/Java/JSP/201311/19996.html
    推薦文章
    Copyright © 2005-2022 電腦知識網 Computer Knowledge   All rights reserved.