怎样使文字旋转

2016-02-19 14:00 6 1 收藏

最近很多朋友喜欢上设计，但是大家却不知道如何去做,别担心有图老师给你解答，史上最全最棒的详细解说让你一看就懂。

【 tulaoshi.com - Web开发】

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

获取书写方式：
object.style.writingMode
设置书写方式：
object.style.writingMode = sFlowDir
其中 sFlowDir 是lr-tb或者tb-rl 之一
（本文来源于图老师网站，更多请访问https://www.tulaoshi.com/webkaifa/）

lr-tb默认的对象方向，即从左到右，从上到下的顺序tb-rl对象的排列方式为从上到下，从右向左排列。中文文字方向朝上，英文文字顺时针旋转90度。
例子如下：[请点击鼠标]

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

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

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

代码如下：
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

来源:https://www.tulaoshi.com/n/20160219/1605920.html

上一篇：小时候玩捉迷藏当朋友们都藏好后我就回家-∩∩ - QQ搞笑分组
下一篇：如何搭建J2EE开发环境

看过《怎样使文字旋转》的人还看了以下文章更多>>

何在Word文档的中将文字以任意角度旋转

标签：电脑入门

问：因工作需要，希望在word中输入的文字能以任意方向旋转，我看了一下，Word中的文字似乎只能横向、竖向排列，我想要的方向是比如45度那样的，能设置吗？答：word菜单里的“格式→文字方向”确实不能实现你的要求，但可以通过其他方法来设置，那就是Word的“艺术字”。在你想以任何方向旋转的文字所在的地方，插...

Photoshop制作动感凌光旋转文字效果

标签： PS PS基础

本教程给大家讲解一个原创潮流风格的一个字体效果,本次要用到的有滤镜和动作,希望大家能够喜欢.做完记得教作业哦! 开始讲解教程了哦。请注意看哦!! 先看看效果图 1.打开PS,新建一个500*300像素背景色为白色其他值默认的的图层. 2.调整渐变效果黑到[暗色]这个暗色是带色彩的暗色.譬如我用的这个.点击确定后, 选择圆形渐变拉出一个...

WPS文字制作图片或者文字水印使文档既特色又美观

标签：软件教程

在WPS文档中添加水印会使得文档更有特点和美观，使用水印还可以给“机密文件”做标记，以防被剽窃。文档水印一般是图片或者文字，下面有个不错的示例，大家可以参考下。描述：WPS没有直接做水印的功能，不过“条条大路通罗马”，这种小问题很好解决。如果希望水印是“wps上怎么做水印”，则选择插入“...

怎样使毛孔变细

毛孔粗大会影响面部的美观，同样会吸纳更多的污垢，使毛孔变黑，形成黑头。所以在日常护肤时要注意一下，使用些方法让毛孔变细，下面，winterpoem就跟大家分享几种毛孔变细的方法。第一种，敷面膜。面膜可以去除掉皮肤上的油脂和毛孔内的赃物，如果已经有黑头，可以用深层洁肤面膜，把黑头清洁出来。第二种，用冰...

Flash教程：旋转拖尾文字效果的制作 (1)

标签： FLASH flash教程

本文由江舟一叶原创，转载请保留此信息！首先还是来看下效果吧 [1] 200806/12917_2.html'>[2] 200806/12917_3.html'>[3] 200806/12917_2.html'>下一页文字旋转时后面跟着自己的影子,给人超强的速度感。在tuLaoShi.com模拟物体快速运动时常常要用到这种效果，下面就讲一下这种文字的制作方法。 ...

查看更多精彩>>