手揣网教程/网站教程/内容

在页面中如何使文字旋转

网站教程2024-12-14 阅读
[摘要]获取书写方式: object.style.writingMode 设置书写方式: object.style.writingMode = sFlowDir 其中 sFlowDir 是lr-tb或者tb...
获取书写方式:
object.style.writingMode
设置书写方式:
object.style.writingMode = sFlowDir
其中 sFlowDirlr-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>

……

相关阅读