html滾動(dòng)方向direction

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

移動(dòng)端

【實(shí)例介紹】

默認(rèn)情況下只能從右向左滾動(dòng)，可以通過(guò)direction來(lái)設(shè)置不同的滾動(dòng)方向。

【基本語(yǔ)法】

【語(yǔ)法介紹】

滾動(dòng)方向包含4個(gè)取值，分別為up、down、left和right，它們分別表示向上、向下、向左和向右滾動(dòng)，其中向左滾動(dòng)left的效果與默認(rèn)效果相同。

【實(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"><p>日照香爐生紫煙</p>
<p>遙看瀑布掛前川</p></marquee>
<marquee direction="up"><p>飛流直下三千尺</p>
<p>疑是銀河落九天</p></marquee>
<p>&nbsp;</p>
</body>
</html>

【代碼分析】

在代碼中，加粗部分的代碼標(biāo)記是設(shè)置文字滾動(dòng)的方向，在瀏覽器中預(yù)覽效果，第一段文享是向下滾動(dòng)的，第2段文字是向上滾動(dòng)的，如圖所示。

滾動(dòng)方向direction運(yùn)行效果