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

使你的主頁千變萬化

2013-11-15 11:51:47  來源: JSP教程 
不少網友發E-mail問我怎麼每次去你的主頁看到的圖片都不一樣難道你時時刻刻都在更換圖片嗎?天啊我哪有那麼多錢支付電話費?我只不過用了JavaScript的小技巧做了個隨機圖片而已其HTML源代碼為

  < !隨機圖片開始 >

  < script language=″JavaScript″ >

  < !--

  imglink=new Date();

  var thisimg=″jpg″;

  if(imglinkgetSeconds()< ){var thisimg=″jpg″;}

  if(imglinkgetSeconds()< ){var thisimg=″jpg″;}

  if(imglinkgetSeconds()< ){var thisimg=″jpg″;}

  if(imglinkgetSeconds()< ){var thisimg=″jpg″;}

  if(imglinkgetSeconds()< ){var thisimg=″jpg″;}

  if(imglinkgetSeconds()< ){var thisimg=″jpg″;}

  if(imglinkgetSeconds()< ){var thisimg=″jpg″;}

  documentwrite(″< img src=″+thisimg+″ border= alt=″每次打開本頁看到的圖片都不同!″ >″);

  //-- >

  < /script >

  < !隨機圖片結束 >

  在這個例子中設置了張圖片與網頁放置於同一目錄下當浏覽器打開此網頁時立即從電腦裡讀取時間並根據秒數的不同選擇不同的圖片

  我們也常常埋怨在網頁裡插入的圖片與網頁背景不能很好地融合在一起如果圖片周圍有一圈朦胧的過渡色該多好!用Photoshop制作圖片當然能實現這個效果其實還有更好的辦法在網頁中用 CSS 濾鏡來實現!

  < p style=″line-height:pt;filter:Glow

(Color=#FFFFFFStrength=);height:auto;position:relative;padding:pt″ >

  < img src=″jpg″ border= >

  < /p >

  其中Color=#FFFFFF是定義陰影的顏色Strength=是定義陰影寬度怎麼樣圖片是不是有了月朦胧鳥朦胧的感覺?

  如果你不喜歡溫馨浪漫的主頁類型這裡還有一款魔幻豪放派的——

  在< head >< /head >中加入以下內容

  < !開始定義變色函數 >

  < script language=″JavaScript″ >

  < !--hide

  function RandomNumber(max) //定義隨機函數

  {var today=new Date();

  var num=Mathround((Mathabs(Mathsin(todaygetTime()))*))%max+;return num;}

  function makearray(n)

  {thislength=;for(var i=;i< n;i++)this[i]=;return this;}function changecolor()

  {clearTimeout();

  linkarray=new makearray(); //用linkarray數組定義十種常用顏色

  linkarray[]=″#ff″;

  linkarray[]=″#ffff″;

  linkarray[]=″#ff″;

  linkarray[]=″#ff″;

  linkarray[]=″#ff″;

  linkarray[]=″#ffff″;

  linkarray[]=″#″;

  linkarray[]=″#″;

  linkarray[]=″#ff″;

  linkarray[]=″#ff″;

  documentbgColor=(linkarray[RandomNumber()]); //利用隨機函數從十種顏色中任選一種作為網頁背景色

  setTimeout(″changecolor()″); //設置時鐘讓背景色每秒變換一次

  return;}

  //-- >

  < /script >

  < !定義變色函數結束 >

  然後在中調用changecolor()函數即可< body OnLoad=″javascript:changecolor()″ >

  網頁背景顏色每秒鐘變換一次夠酷吧?

  如果把documentbgColor=(linkarray[RandomNumber()]);一句中的bgColor換成fgColor也能實現網頁文字不斷地變色此外你也可以自己定義變色的時間周期改變setTimeout(″changecolor()″);中的即可 


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