您好，欢迎来到源码搜藏！分享精神，快乐你我！提示：担心找不到本站？在百度搜索“源码搜藏”，网址永远不丢失！

[加入VIP] 设为首页 | 收藏本站 | 网站地图 | Sitemap | TAG标签

当前位置：首页 > 网页特效 > 文字特效 >

几种常见的文字排列方向代码（倒向、竖向和旋转）

时间：2014-06-08 00:05 来源：互联网作者：源码搜藏浏览：次收藏挑错推荐打印

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>文字排列特效</title>
</head>

<body>
1.文字逆时针转90度<br><br>
<span style="font-family:@宋体;color:red">人之初 性本善</span>
<br><br>
2.中文竖向排列，从右往左读：<br><br>
<div style="layout-flow: vertical-ideographic;height:399;float:right;">
各类<br>
编程源码、书籍教程、JavaScript/CSS特<br>
效代码以及常用软件下载等。<br>
</div>

<br><br>
3.文字倒写竖排<br><br>
<br>
<script langauge="javascript">
      var oNum = 0;
      function showText(){
          var strText = '文字还可以倒着竖向排？';
          var oDiv = document.all['oDiv'];
          oDiv. innerHTML = strText.substr(0, oNum);
          oNum = (oNum>strText.length) ? 0 : oNum+1 ;
          window.setTimeout('showText()', 500);
      }
      window.onload = function(){ window.setTimeout('showText();', 500); }
</script>
<div id="oDiv" style="width:25px;height:180px;direction:rtl;unicode-bidi:bidi-override;layout-flow:vertical-ideographic;text

-align:right;"></div>
<br>
4.竖排排列，从左往右：<br>
<style>div {display:inline;color:red; font:11pt 华文行楷; writing-mode:tb-rl;}</style>
<div>做网站要有恒心，</div>
<div>不要害怕吃苦，</div>
<div>要经受住没有女人，</div>
<div>夺取全面胜利！</div>
<br><br>
</body>
</html>

运行代码保存代码复制代码提示：您可以先修改部分代码再运行，保存代码功能在Firefox下无效。

很有趣的几种文字排列特效，有从右往左读的，有从上往下读的，还有从下向上读的，还有文字旋转特效。
<script langauge="javascript">

var oNum = 0;

function showText(){

var strText = '文字还可以倒着竖向排？';

var oDiv = document.all['oDiv'];

oDiv. innerHTML = strText.substr(0, oNum);

oNum = (oNum>strText.length) ? 0 : oNum+1 ;

window.setTimeout('showText()', 500);

}

window.onload = function(){ window.setTimeout('showText();', 500); }

</script>

几种常见的文字排列方向代码（倒向、竖向和旋转）由源码搜藏网整理,转载请注明出处http://www.codesocang.com/texiao/wenzi/8544.html

标签：网站源码

上一篇：三行文字成批间隙滚动的走马灯效果

下一篇：闪烁文字特效和随机图片代码

[文字特效] JavaScript实现文本段落折叠展开

[文字特效] HTML5特效图片爆炸效果点击后文

[文字特效] 文本框还可输入多少字,像微博输

[文字特效] 漂亮的打字效果代码

[文字特效] 显示和隐藏文字特效

[文字特效] JS文字加密与解密

[文字特效] 实现字体大中小的另一种方法

[文字特效] 字体大中小代码&字号缩放代

[文字特效] 几种常见的文字排列方向代码（倒

[文字特效] 闪烁文字特效和随机图片代码

[文字特效] 用鼠标和按钮控制网页指定区块内

[文字特效] Javascript仿歌词智能滚动代码

相关内容推荐

响应式网站源码

19楼风格模板

网站优化科学协会

EasyPHP教程php

电脑LCD显示器PNG图

网页播放器

简明现代魔法

关于我们 | 版权声明 | 广告服务 | 联系我们 | 常见问题 | 网站地图 | 网友投稿 | 在线留言

分享精神，快乐你我！联系QQ:498277184

本站资源是从网络整理所得,如果无意侵犯了贵司版权，请与源码搜藏网联系，我们会及时处理和回复，谢谢!

鲁ICP备13013982号-1