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

80酷酷网    80kuku.com

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

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


代码如下:
<div id=test 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>

分享到
  • 微信分享
  • 新浪微博
  • QQ好友
  • QQ空间
点击: