滴墨斋主的后花园

.

日志

关于我

滴墨斋主

文章分类

引用介绍几种有趣的文字排列方式

2009-08-25 10:22:53| 分类：博客技巧 | 标签： |举报 |字号大中小订阅

下载LOFTER 我的照片书 |

引用

理睬的介绍几种有趣的文字排列方式

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>网页特效观止|JsCode.CN|---中文字段的几种有趣排列方式</title>

</head>

<body>

1.文字倒排（逆时针转90度）<br><br>

<span >尽人事顺天命</span>

<br><br>

2.文字正写竖排,中文竖排，从右往左读<br><br>

<div >

在暗蓝色的海上，海水在欢快地泼溅<br>

我们的心是自由的，我们的思想无边<br>

这全是我们的帝国，它的权力到处通行<br>

我们的旗帜就是王笏，谁碰到都得服从<br>

我们过着粗犷的生涯，在风暴动荡里<br>

从劳作到休息，什么样的日子都有乐趣<br>

噢，谁能体会出？可不是你，娇养的奴仆<br>

可不只有“无路之路”的游荡者才能知道？<br>

在红色的酒杯中旋起我们的记忆<br>

当胜利的伙伴们终于把财物平分<br>

谁不落泪，当回忆暗淡了每人的前额：<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);

          ? 0 : oNum+1 ;

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

      }

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

</script>

<div ></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>

更多精彩内容，请点击理睬日志链接浏览！

入门秘笈制作技巧电脑使用个人情感杂谈随感极限表演
常用教程图画制作字体制作人文史地诸事八卦娱乐星闻
边框分割精美时钟图画素材美眉帅哥百科奇闻免费电影
字体素材日历天气酷播放器风水命理奇闻怪事军事解密
游戏素材音画素材综合素材综合图库明星博客摩登时尚
背景顶图做图软件视频教程生活宝典报刊大全公文写作
趣味图库趣味制作常用网站搜索引擎在线书架在线翻译
图片素材图片欣赏软件下载在线字典在线服务博艺解答

您已欣赏本日志 分 秒其它链接： 2009年7月4日 - 理睬 - .

评论这张

转发至微博

阅读(881)| 评论(1)

历史上的今天

this.p={  m:2,
              b:2,
              loftPermalink:'',
              id:'fks_082068084086080066085086084095080084083069080087083070',
              blogTitle:'引用 介绍几种有趣的文字排列方式',
              blogAbstract:'<P\> </P\>  <P\><EM\>引用</EM\></P\>  <BLOCKQUOTE\><A target=\"_blank\" href=\"http://lxc66188.blog.163.com/\" \>理睬</A\> 的 <A target=\"_blank\" href=\"http://lxc66188.blog.163.com/blog/static/917649862009724102531460\" \>介绍几种有趣的文字排列方式</A\><BR\>  <P style=\"TEXT-INDENT: 2em;\"  \><html></P\>  <P style=\"TEXT-INDENT: 2em;\"  \> </P\>  <P style=\"TEXT-INDENT: 2em;\"  \><head></P\>  <P style=\"TEXT-INDENT: 2em;\"  \><meta http-equiv=\"Content-Type\" content=\"text/html; charset=gb2312\"></P\>  <P style=\"TEXT-INDENT: 2em;\"  \><title>网页特效观止|JsCode.CN|---中文字段的几种有趣排列方式</title></P\>  <P style=\"TEXT-INDENT: 2em;\"  \></head></P\>  <P style=\"TEXT-INDENT: 2em;\"  \> </P\>  <P style=\"TEXT-INDENT: 2em;\"  \><body></P\>  <P style=\"TEXT-INDENT: 2em;\"  \>1.文字倒排（逆时针转90度）<br><br></P\>  <P style=\"TEXT-INDENT: 2em;\"  \> </P\>  </BLOCKQUOTE\>',
              blogTag:'',
              blogUrl:'blog/static/422641552009725102253223',
              isPublished:1,
              istop:false,
              type:2,
              modifyTime:1317106093859,
              publishTime:1251166973223,
              permalink:'blog/static/422641552009725102253223',
              commentCount:1,
              mainCommentCount:1,
              recommendCount:0,
              bsrk:-100,
              publisherId:0,
              recomBlogHome:false,
              currentRecomBlog:false,
              attachmentsFileIds:[],
              vote:{},
              groupInfo:{},
              friendstatus:'none',
              followstatus:'unFollow',
              pubSucc:'',
              visitorProvince:'',
              visitorCity:'',
              visitorNewUser:false,
              postAddInfo:{},
              mset:'000',
              mcon:'',
              srk:-100,
              remindgoodnightblog:false,
              isBlackVisitor:false,
              isShowYodaoAd:true,
              hostIntro:'',
              hmcon:'1',
              selfRecomBlogCount:'0',
              lofter_single:'<iframe width="140" height="560" style="overflow:hidden;" src="http://www.lofter.com/mailEntry.do?blogad=1&blog" frameBorder="0"></iframe>'
            }

{list a as x}
    {if !!x}
    <div class="iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
      {if x.visitorName==visitor.userName}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        {if x.moveFrom=='wap'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/wapblog.html?frompersonalbloghome"><span title="来自网易手机博客" class="iblock wapIcon"> </span></a>
        {elseif x.moveFrom=='iphone'}
          <a class="noul pnt" target="_blank"><span title="来自iPhone客户端" class="iblock iphoneIcon"> </span></a>
        {elseif x.moveFrom=='android'}
          <a class="noul pnt" target="_blank"><span title="来自Android客户端" class="iblock androidIcon"> </span></a>
        {elseif x.moveFrom=='mobile'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/emsblog.html?frompersonalbloghome"><span title="来自网易短信写博" class="iblock wapIcon"> </span></a>
        {/if}
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
          ${fn(x.visitorNickname,8)|escape}
        </a>
      </div>
    </div>
    {/if}
    {/list}

<#--最新日志，群博日志--> <#--推荐日志-->

<p class="fc06">推荐过这篇日志的人：</p>
    <div>
      {list a as x}
      {if !!x}
      <div class="iblock nbw-fce nbw-f40">
        <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
        <img alt="${x.recommenderNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.recommenderName)}"/>
        </a>
        <div class="cwd thide">
          <a class="fc03 m2a" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
            ${fn(x.recommenderNickname,6)|escape}
          </a>
        </div>
      </div>
      {/if}
      {/list}
    </div>
    {if !!b&&b.length>0}
    <p  class="fc06">他们还推荐了：</p>
    <ul>
    {list b as y}
      {if !!y}
        <li class="rrb"><span class="iblock">·</span><a class="fc03 m2a" target="_blank" href="http://blog.163.com/${y.recommendBlogPermalink}/?from=blog/static/422641552009725102253223">${y.recommendBlogTitle|escape}</a></li>
      {/if}
    {/list}
    </ul>
    {/if}

<#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇，下一篇--> <#-- 热度 -->

{list a as x}
    {if !!x}
    <div class="hotItem iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
      {if x.publisherUsername==visitor.userName}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
          ${fn(x.publisherNickname,8)|escape}
        </a>
      </div>
      <a class="f-myLikeIcons hottype {if x.type==1} js-liketype{elseif x.type==2} js-reblogtype{elseif x.type==3} js-sharetype{else}{/if}" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/"> </a>
    </div>
    {/if}
    {/list}

<#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->

页脚

我的照片书 - 手机博客 - 下载LOFTER APP - 订阅此博客

滴墨斋主的后花园

导航

日志

引用介绍几种有趣的文字排列方式

历史上的今天

最近读者

热度

评论

页脚

入门秘笈	制作技巧	电脑使用	个人情感	杂谈随感	极限表演
常用教程	图画制作	字体制作	人文史地	诸事八卦	娱乐星闻
边框分割	精美时钟	图画素材	美眉帅哥	百科奇闻	免费电影
字体素材	日历天气	酷播放器	风水命理	奇闻怪事	军事解密
游戏素材	音画素材	综合素材	综合图库	明星博客	摩登时尚
背景顶图	做图软件	视频教程	生活宝典	报刊大全	公文写作
趣味图库	趣味制作	常用网站	搜索引擎	在线书架	在线翻译
图片素材	图片欣赏	软件下载	在线字典	在线服务	博艺解答

滴墨斋主的后花园

导航

日志

引用 介绍几种有趣的文字排列方式

历史上的今天

最近读者

热度

评论

页脚

引用介绍几种有趣的文字排列方式