1.1概述
頁面實現自動捲動效果的方式有兩種,方式一由JS來實現,方式二利用HTML marquee標籤來實現。
HTML marquee標籤的作用是在一個區域插入滾動的文本,使用HTML marquee標籤不僅可以移動文字,也可以移動圖片,表格等。
注意:ed126914ed1419bab26abf7cf307b7b9在HTML和HTML5中都屬於廢棄的特性,建議不要使用這個標籤。
1.2marquee標籤
語法:
ed126914ed1419bab26abf7cf307b7b9...7204e33a7a23f6efcc788532e245c31b; //在標記之間加入要進行捲動的內容
屬性:
direction屬性,定義滾動方向,包括4個值:up、 down、left和right。
behavior屬性,定義滾動方式,其值包括3個:scroll、slide和alternate(scroll:循環滾動,預設效果[缺陷是不能無縫滾動]; slide:只滾動一次就停止; alternate:來回交替進行滾動)。
scrollamount屬性,定義滾動速度(滾動速度為設定每次滾動時移動的長度,以像素為單位)。
scrolldelay屬性,定義滾動延遲(設定滾動的時間間隔,單位是毫秒)。
loop屬性,並定義滾動循環(預設值是-1,滾動會不斷的循環下去)。
實例:
<html lang="en"> <head> <meta charset="utf-8" /> <title>实例</title> </head> <body> <p> <marquee direction="up" behavior="scroll" scrollamount="1" scrolldelay="0" loop="-1" width="100" height="20" >广告标语</marquee> </p> </body> </html>
以上是html中關於marquee標籤的詳細介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章!