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

2008-02-23 07:39:26来源:互联网 阅读 ()

新老客户大回馈,云服务器低至5折

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>

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:JavaScript制作会反弹的浮动图片

下一篇:Javascript技术实现真正的网上试听