結果如下：顯示一個向左滑動的相冊[來回滾動] ...
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>演示marquee</title> <style type="text/css"> *{ padding: 0px; margin: 0px; } marquee{ border: 1px solid purple; } img{ width: 360px; height: auto; } </style> </head> <body> <!-- direction 表示滾動的方向，值可以是left，right，up，down，預設為left； behavior 表示滾動的方式，值可以是scroll（連續滾動）slide（滑動一次）alternate（來回滾動）； loop 表示迴圈的次數，值是正整數，預設為無限迴圈； scrollamount 表示運動速度，值是正整數，預設為6； scrolldelay 表示停頓時間，值是正整數，預設為0，單位是秒； valign 表示元素的垂直對齊方式，值可以是top，middle，bottom，預設為middle； align 表示元素的水平對齊方式，值可以是absbottom：絕對底部對齊（與g、p等字母的最下端對齊），absmiddle：絕對中央對齊，baseline：底線對齊，bottom：底部對齊（預設），left：左對齊，middle：中間對齊，right：右對齊，texttop：頂線對齊，top：頂部對齊； bgcolor 表示運動區域的背景色，值是16進位的RGB顏色，預設為白色； height、width 表示運動區域的高度和寬度，值是正整數（單位是像素）或百分數，預設width=100% height為標簽內元素的高度； hspace、vspace 表示元素到區域邊界的水平距離和垂直距離，值是正整數，單位是像素； --> <marquee direction="left" behavior="alternate" valign="middle" align="absmiddle" scrollamount="10" width="366px"> <img src="./back1.jpg"> <img src="./back2.jpg"> <img src="./back3.jpg"> <img src="./back4.jpg"> <img src="./back5.jpg"> <img src="./back6.jpg"> <img src="./back7.jpg"> </marquee> </body> </html>
結果如下：顯示一個向左滑動的相冊[來回滾動]
