让文字在页面上90度,180度翻转

发表于:2007-06-21来源:作者:点击数: 标签:
IE5.5的新功能:旋转文字,看一下你就明白了。用法如下: 获取书写方式: object.style.writingMode 设置书写方式: object.style.writingMode = sFlowDir 其中 sFlowDir 是 lr -tb或者tb-rl 之一 设定值 效果 lr-tb 默认的对象方向,即从左到右,从上到下的

   
  IE5.5的新功能:旋转文字,看一下你就明白了。用法如下:
获取书写方式:
object.style.writingMode
设置书写方式:
object.style.writingMode = sFlowDir
其中 sFlowDir 是lr-tb或者tb-rl 之一

设定值 效果

lr-tb 默认的对象方向,即从左到右,从上到下的顺序
tb-rl 对象的排列方式为从上到下,从右向左排列。中文文字方向朝上,英文文字顺时针旋转90度。

代码如下:
<div id=test style="POSITION: relative">8月14日,俄罗斯国防部……船员已全部遇难。</div>
<SCRIPT language=JavaScript>
document.onclick = rotate; function rotate() {
if (test.style.writingMode == "lr-tb") {
test.style.writingMode = "tb-rl";
}
else {
test.style.writingMode = "lr-tb";
}
}
</SCRIPT>

原文转自:http://www.ltesting.net