html滾動(dòng)方式behaVior

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

移動(dòng)端

【實(shí)例介紹】

滾動(dòng)方式behaVior

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

【基本語(yǔ)法】

【語(yǔ)法介紹】

滾動(dòng)方式behaVior的取值，如表所示。

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

【實(shí)例代碼】

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

【代碼分析】

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

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