当前页面: 开发资料首页 → Javascript 专题 → 在网页中怎样使文字旋转?

在网页中怎样使文字旋转?

摘要: 在网页中怎样使文字旋转?

怎样使文字旋转

作者：http://lucky.myrice.com
E-mail：amxh@21cn.com

<table cellSpacing=0 cellPadding=0 width="92%" border=0> <tr> <td>

　　IE5.5的新功能：旋转文字，看一下你就明白了。用法如下：

获取书写方式：
object.style.writingMode
设置书写方式：
object.style.writingMode = sFlowDir
其中 sFlowDir 是lr-tb或者tb-rl 之一

<table borderColor=#ff6699 cellSpacing=0 borderColorDark=#ff6699 cellPadding=0 width=320 align=center borderColorLight=#ff6699 border=1> <tr> <td width=100>设定值</td> <td width=220>效果</td></tr> <tr> <td>lr-tb</td> <td>默认的对象方向，即从左到右，从上到下的顺序</td></tr> <tr> <td>tb-rl</td> <td>对象的排列方式为从上到下，从右向左排列。中文文字方向朝上，英文文字顺时针旋转90度。</td></tr></table> <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>
例子如下：[请点击鼠标]

8月14日，俄罗斯国防部宣布了一条震惊全世界的消息：一艘参加军事演习的俄海军“奥斯卡”级万吨战略核潜艇“库尔斯克”号因机械故障沉没在巴伦支海，舰上100多名官兵被困。

　　由于海上风暴以及能见度过低，救援舱未能与被困潜艇接驳，在俄海军连续几次潜艇救援行动均告失败后，俄罗斯国防部官员终于正式请求英国和挪威协助拯救核潜艇上的被困官兵。英国则立即派出一架载有一艘小型救援潜艇的飞机飞抵挪威，17日同挪威救援队伍一起奔赴巴伦支海参加救援行动。

　　北京时间8月21日18时消息：挪威潜水员已经进入潜艇内部进行了初步搜寻，潜艇中充斥着海水。救援人员断定：船员已全部遇难。

代码如下：

<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></td></tr></table>

</td> </tr> <tr> <td vAlign=top align=left height="100%">
↑返回目录
前一篇: 怎样改变多行文本框滚动条的颜色？？
后一篇: 怎样使网页中的元素可编辑??