幾種常見的文字排列方向代碼（倒向、豎向和旋轉）

2024-09-05 12:21:16

字體：大中小

來源：轉載

供稿：網友

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

<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>文字排列特效</title></head><body>1.文字逆時針轉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;">各類<br>編程源碼、書籍教程、JavaScript/CSS特<br>效代碼以及常用軟件下載等。<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   class="70qarhlowxag"   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>奪取全面勝利！</div><br><br></body></html>

上一篇：三行文字成批間隙滾動的走馬燈效果

下一篇：閃爍文字特效和隨機圖片代碼