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

在頁面上完成文字閃爍

在頁面上完成文字閃爍

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

網站建設是指使用標識語言(markup language),通過一系列設計、建模、和執行的過程將電子格式的信息通過互聯網傳輸,最終以圖形用戶界面(GUI)的形式被用戶所瀏覽。簡單來說,網頁設計的目的就是產生網站。簡單的信息如文字,圖片(GIF,JPEG,PNG)和表格,都可以通過使超文件標示語言、可擴展超文本標記語言等標示語言放置到網站頁面上。很多朋友在上網時,在一些網頁上看到有閃爍的文字,感到很新奇。其實這并不難,只要用JavaScript編段程序就可以了,不會JavaScript語言的朋友也不用急,只要將下面的源代碼放進你的網頁里,在你的網頁上也能實現文字閃爍。
  源文件如下:
《html》
《head》
《meta http-equiv=″Content-Type″ content=″text/html; charset=gb2312″》
《title》閃爍的文字《/title》
《meta name=″GENERATOR″ content=″Microsoft FrontPage 3.0″》
《/head》
《body bgcolor=″#000000″ text=″#000000″》
《p》 《/p》
《h1 align=″center″》閃爍的文字《/h1》
《/body》
《script language=″JavaScript″》
//color為文字顏色的RGB值,令其由″0F″增至″FF″
var color=new Array(″0F″,″1F″,″2F″,″3F″,
″4F″,″5F″,″6F″,″7F″,″8F″,″9F″,″AF″,″BF″,
″CF″,″DF″,″EF″,″FF″);
//i是數組color的坐標,add決定color的增減
var i=0,add=1;
FadeText();
function FadeText()
{
   //document.fgColor確定文字顏色的RGB值
   document.fgColor=″!澹玞olor[i]+color[i]+color[i];
   //判斷文字顏色是漸亮或是漸暗
  if( add==1 )
  {
   i++; 
     if( i==15 ) add=0;
  }
  else
  {    i--;
   if( i==0 ) add=1;
  }
  //設置每0.1秒運行一次函數FadeText()
  setTimeout(″FadeText()″,100);
}
《/script》
《/html》
(廣東 許德煒) 
大多數人在上網的時候,都會瀏覽網頁提供給我們的信息。

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

本類教程下載

系統下載排行

亚洲嫩草影院久久精品