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

用DHTML制作帶鏈接的滾動公告欄

用DHTML制作帶鏈接的滾動公告欄

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

網站建設是指使用標識語言(markup language),通過一系列設計、建模、和執行的過程將電子格式的信息通過互聯網傳輸,最終以圖形用戶界面(GUI)的形式被用戶所瀏覽。簡單來說,網頁設計的目的就是產生網站。簡單的信息如文字,圖片(GIF,JPEG,PNG)和表格,都可以通過使超文件標示語言、可擴展超文本標記語言等標示語言放置到網站頁面上。

  不少JavaScript高手的主頁上都有用JavaScript編寫的帶鏈接的滾動公告欄,不但使主頁有限的空間顯示更多內容,也使主頁增加了動態效果,令人賞心悅目,讓許多不懂JavaScript的菜鳥羨慕不已。其實,不用JavaScript,用DHTM提供的字幕<marquee>也能達到相同的效果,且簡單得多。下面我就給大家介紹以下字幕的用法: 

  在HTML文檔中用<marquee></marquee>標記對插入字幕。字幕<marquee>主要有下列屬性: 

  align:字幕文字對齊方式 
  width:字幕高度 
  high:字幕高度 
  direction:文字滾動方向,其值可取right,left,up,down; 
  behavior:字幕動態效果 ,其值可取scroll(滾動),slide(幻燈片),alteernat(交替),默認值為scroll; 
  scrolldelay:滾動延遲時間,單位毫秒 
  scrollamount:滾動數量,單位像素。 

  另外可以用color,bgcolor,font-size等屬性對字幕文字進行修飾。字幕文字寫在<marquee></marquee>標記對之間,字幕文字中也可插入HTML標記,這就使得我們可以在字幕文字中插入超級鏈接。為了更好地控制字幕在頁面上的位置,建議最好將字幕放在表格中。下面是一個帶鏈接的滾動公告欄的實例: 

  <table border=″0″ cellpadding=″0″ cellspacing=″0″width=″100%″ height=″80″> 
   <tr> 
   <td width=″ 100%″ height=″77″><marquee direction=″up″ height=″50″ scrollAmount=″2″ 
  style=″COLOR: rgb(100,100,100); FONT-FAMILY: 宋體_GB2312; FONT-SIZE: 9pt″  width=″500″  border=″0″> 
  
 
   歡迎訪問:<a href=″http://202.200.93.33″>游戲總動員</a>,我們的口號是Just Play
 
   本站包括以下欄目:
 
   網頁制作教學:<a href=″jiaocheng/flash/teach.htm″>Flash教程</a>,<a href=″jiaocheng/dhtml/dhtml1.htm″>DHTM教程</a>,Javascript教程,<a href=″jiaocheng/dhtml/aspbase.htm″>Asp教程</a>
 
   小游戲:提供本地下載
 
開心小軟件:很好玩,好東西要與朋友分享,不妨送給你的朋友
 
  </marquee></td> 
  </tr> 
  </table> 

  另外,須要注意的是,FrontPage98編輯器不支持在字幕文字中插入HTML標記,因此,用FrontPage98編輯器不能在網頁中編輯上面的代碼,你可以用文本編輯器來編輯。趕快動手試試吧!  

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

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

本類教程下載

系統下載排行

亚洲嫩草影院久久精品