JavaScript--文字的排列方式
2005-03-27 21:46
369 查看
JavaScript--文字的排列方式:
获取书写方式:
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>
获取书写方式:
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>
相关文章推荐
- svg中实现文字随曲线走向,HTML直接写和JavaScript创建对象两种方式
- [javascript]网页文字无空白自动滚动的一种实现方式
- WPF文字排列方式解析zz
- C#利用GDI+绘制旋转文字,矩形内可以根据布局方式排列文本
- Javascript三种文字编码方式(对应java里的编解码)
- 文字从右到左排列
- JavaScript中判断为整数的多种方式
- 安卓TextView中改变部分文字颜色的几种方式
- css实现文字居左日期居右排列最简…
- springboot jar 方式获取 资源图片 文字等
- 基于JavaScript实现继承机制之构造函数+原型链混合方式的使用详解
- JavaScript事件处理程序的3种方式
- javascript延迟加载方式
- javascript 定义类的三种方式
- javascript验证码文字图片制作
- 用JavaScript实现可复用性的文字闪烁的效果
- 深入理解JavaScript创建对象的多种方式以及优缺点
- Javascript 瀑布流实现的两种方式:固定列数的浮动布局与绝对定位自适应宽度
- 【js基础】javascript中几种常见的继承方式。
- JavaScript继承方式