<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>網(wǎng)頁特效觀止|JsCode.CN|---中文字段的幾種有趣排列方式</title>
</head>
<body>
1.文字倒排（逆時(shí)針轉(zhuǎn)90度）<br><br>
<span style="font-family:@宋體;color:red">盡人事 順天命</span>
<br><br>
2.文字正寫豎排,中文豎排，從右往左讀<br><br>
<div style="layout-flow: vertical-ideographic;height:399;float:right;">
在暗藍(lán)色的海上，海水在歡快地潑濺<br>
我們的心是自由的，我們的思想無邊<br>
這全是我們的帝國(guó)，它的權(quán)力到處通行<br>
我們的旗幟就是王笏，誰碰到都得服從<br>
我們過著粗獷的生涯，在風(fēng)暴動(dòng)蕩里<br>
從勞作到休息，什么樣的日子都有樂趣<br>
噢，誰能體會(huì)出？可不是你，嬌養(yǎng)的奴仆<br>
可不只有“無路之路”的游蕩者才能知道？<br>
在紅色的酒杯中旋起我們的記憶<br>
當(dāng)勝利的伙伴們終于把財(cái)物平分<br>
誰不落淚，當(dāng)回憶暗淡了每人的前額：<br>
現(xiàn)在，那倒下的勇士該會(huì)怎樣地歡欣！<br></div>
<br><br>
3.文字倒寫豎排<br><br>
<br>
<script langauge="javascript">
var oNum = 0;
function showText(){
var strText = '文字還有倒著豎排的？';
var oDiv = document.all['oDiv'];
oDiv. innerHTML = strText.substr(0, oNum);
oNum = (oNum>strText.length) ? 0 : oNum+1 ;
window.setTimeout('showText()', 500);
}
window.onload = function(){ window.setTimeout('showText();', 500); }
</script>
<div id="oDiv" style="width:25px;height:180px;direction:rtl;unicode-bidi:bidi-override;layout-flow:vertical-ideographic;text
-align:right;"></div>
<br>
4.中文豎排，從左往右讀：<br>
<style>div {display:inline;color:red; font:11pt 華文行楷; writing-mode:tb-rl;}</style>
<div>下定決心，</div>
<div>不怕犧牲，</div>
<div>排除萬難，</div>
<div>爭(zhēng)取勝利！</div>
<br><br>
</body>
</html>