<!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>
?結果如下:顯示一個向左滑動的相冊[來回滾動]
?
本文轉載于:猿2048?https://www.mk2048.com/blog/blog.php?id=hkjaaaa&title=marquee標簽的使用