第三篇
HTML教學
第十節
特殊語法
更多頁跑馬燈特殊效果(一)
具有廣告宣傳或公告重要事項效果;您也可以加入圖案,獲得更佳效果
其 他 語 法 屬 性 介 紹
範
例
加入圖片
<
Marquee
>
可加入圖片
<
Img
src
="
../../images/hot.gif"
align
="
middle
"
>
<
/Marquee
>
顯示結果
可加入圖片
圖片標籤與屬性用法,與第五篇網頁圖片用法一樣。
範
例
加入超鏈結
<
Marquee
>
<
A
Href
="
all011.htm
"
>
回前一頁
<
/A
>
<
/Marquee
>
顯示結果
回前一頁
超鏈結標籤與屬性用法,與第六篇網頁超鏈結用法一樣。
範
例
震動效果
<
Marquee
Behavior
="
alternate
"
Direction
="
up
"
Height
="
40
"
ScrollAmount
="
10
"
ScrollDelay
="
0
"
>
震動效果
<
/Marquee
>
顯示結果
震動效果
超鏈結標籤與屬性用法,與第六篇網頁超鏈結用法一樣。
範
例
雙重
MARQUEE
<
Marquee
Direction
="
left
"
>
<
Marquee
BgColor
="
#c0c0c0
" color="#4c0000">
>
<
FONT
color
="
#0000ff
"
>
這是雙重 MARQUEE 特效
<
/FONT
>
<
/Marquee
>
<
/Marquee
>
顯示結果
這是雙重
MARQUEE
特效
運用雙重
MARQUEE
,可產生
將尾部收掉
之特殊效果。
範
例
動態箭頭
<
Marquee
Direction
="
right
"
Width
="
53
"
>
這只是個小於符號喔
<
/Marquee
>
顯示結果
>>>>>
這只是個小於符號喔
運用小於符號,也能產生動態箭頭效果。 效果。
範
例
創意變化
請養成按滑鼠右鍵
檢視原始檔,打開記事本查看
HTML
原始碼習慣。
顯示結果
臥
虎
藏
龍
您也可依據前面所學技巧,自己創意變化各種運用。
請注意:
JavaScript 程式不屬 HTML 課程
這裡只做範例介紹與測試
有興趣者歡迎加入教學會員
繼續第四篇教學研習。
範
例
加入 JS 語法
請養成按滑鼠右鍵
檢視原始檔,打開記事本查看
HTML
原始碼習慣。
顯示結果
網頁研習室,是您最佳的學習網站,敬請繼續愛護!
注意:此處引是用 JavaScript 程式碼(略)
。
滑鼠移到文字區域內便會停止
onmouseover="this.stop()"
,移開後又開始捲動了
onmouseout="this.start()"
。