html滾動方式behaVior

2012/11/18 10:17:12作者：佚名來源：網(wǎng)絡(luò)

移動端

【實(shí)例介紹】

滾動方式behaVior

除了可以設(shè)置滾動方向外，還可以通過behaVior屬性來設(shè)置滾動方式，如循環(huán)運(yùn)動等。

【基本語法】

【語法介紹】

滾動方式behaVior的取值，如表所示。

滾動方式的設(shè)置
behavior的取值                滾動效果
scroll                         循環(huán)滾動，默認(rèn)效果
slide                          只滾動一次就停止
alternate                   來回交替進(jìn)行滾動

【實(shí)例代碼】

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標(biāo)題文檔</title>
</head>
<body>
<marquee direction="down" behavior="scroll">和風(fēng)細(xì)雨下，萬物開始復(fù)蘇，
小草們破土而出，努力地探出了毛茸茸的腦袋，睡眼惺忪地打量著眼前這個全新
的世界。河堤邊、廣場里的垂柳們，也在光禿禿的枝椏上，吐出了點(diǎn)點(diǎn)新蕊，眼見
著那一點(diǎn)點(diǎn)新蕊，從圓圓的米粒樣開始，一天天慢慢地變大，一天天慢慢地舒展開來，
一天天慢慢地由嫩綠色變成了淺綠色，再一天天慢慢地隨風(fēng)搖曳婀娜的身姿，也一
天天慢慢地帶給我滿心的歡喜。</marquee><br />
</body>
</html>

【代碼分析】

在代碼中，加粗部分的代碼標(biāo)記是設(shè)置滾動的方式，在瀏覽器中預(yù)覽循環(huán)滾動效果，如圖所示。

滾動方式behaVior運(yùn)行效果