html滾動方向direction

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

移動端

【實(shí)例介紹】

html滾動方向direction

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

【基本語法】

【語法介紹】

滾動方向包含4個取值，分別為up、down、left和right，它們分別表示向上、向下、向左和向右滾動，其中向左滾動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>無標(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è)置文字滾動的方向，在瀏覽器中預(yù)覽效果，第一段文享是向下滾動的，第2段文字是向上滾動的，如圖所示。

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