首頁  >  文章  >  web前端  >  html中關於marquee標籤的詳細介紹

html中關於marquee標籤的詳細介紹

黄舟
黄舟原創
2017-10-25 10:18:234171瀏覽



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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn