網(wǎng)頁特效代碼模板無憂>網(wǎng)頁特效>文本鏈接特效代碼>

幾種常見的文字排列方向代碼(倒向、豎向和旋轉(zhuǎn))_文本鏈接特效

很有趣的幾種文字排列特效，有從右往左讀的，有從上往下讀的，還有從下向上讀的，還有文字旋轉(zhuǎn)特效。

<html>
<head>
<meta http-equiv="Content-Type" mrc="text/html; charset=gb2312">
<title>文字排列特效</title>
</head>

<body>
1.文字逆時針轉(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;">
模板無憂（mb5u.com）提供各類<br>
編程源碼、視頻教程、JavaScript/CSS特<br>
效代碼以及常用軟件下載等，做有質(zhì)量的<br>
學(xué)習(xí)型源碼下載站。<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>做網(wǎng)站要有恒心，</div>
<div>不要害怕吃苦，</div>
<div>要經(jīng)受住沒有女人，</div>
<div>奪取全面勝利！</div>
<br><br>
</body>
</html>

所屬頻道：文本鏈接特效/更新時間：2012-12-21

[收藏][報錯][返回列表]

相關(guān)文本鏈接特效：

幾種常見的文字排列方向代碼(倒向、豎向和旋轉(zhuǎn))_文本鏈接特效

文本鏈接特效Rss訂閱特效代碼搜索

文本鏈接特效推薦

猜你也喜歡看這些