HTML代码之竖排的字

夜雨千回 · 发表于 2009-1-18 10:47

代码：
 
从右竖排
<?xml:namespace prefix = o ns = "urn:schemas-microsoft-com<img src=" /><o:p> </o:p>
<MARQUEE style="WIDTH: 360px; HEIGHT: 22px" scrollAmount=1 scrollDelay=100 behavior=slide loop=1 width=360 height=22>
<MARQUEE style="LINE-HEIGHT: 160%; WRITING-MODE: tb-rl"  scrollAmount=1 scrollDelay=100 direction=up width=340 height=300>
<DIV style="FONT-SIZE: 18pt; FILTER: glow(color=#003399); WIDTH: 1.74%; COLOR: #ff3399; LINE-HEIGHT: 150%; FONT-FAMILY: 宋体">

生命的历程就像是 写在水上的字 顺流而下 想回头寻找的时候 总是失去了痕迹 因为在水上写字 无论多么的费力 那水都不能永恒 甚至是不能成型的 生命历程中的快乐和痛苦 欢欣和悲叹 只是写在水上的字 一定会在时光里流走 爱，也是流水上写字 当我们说爱的时候 爱之念已流到远处 美丽的爱是写在水上的诗 平凡的爱 是写在水上的公文 爱的誓言是 流水上偶尔飘过的枯叶 落下时 总是无声的流走 既然是生活在水上 且让我们顺着水的因缘 自然地流下去 看见花开 知道是花的因缘具足了 花朵才得以绽放 看见落叶 知道是落叶的因缘足了 树叶才会掉下 在一群陌生人之间 我们总是会遇见 那些有缘的人 等到缘尽了 我们就会如梦一样 忘记他的名字和脸孔 他也如写在水上的一个字 在因缘中散灭了 
</DIV></MARQUEE></MARQUEE>
<o:p> </o:p>
<o:p> </o:p>
从左竖排
<MARQUEE style="WIDTH: 360px; HEIGHT: 22px" scrollAmount=1 scrollDelay=100 direction=right behavior=slide loop=1 width=360 height=22>
<MARQUEE style="LINE-HEIGHT: 160%; WRITING-MODE: tb-rl" scrollAmount=1 scrollDelay=100 direction=down width=340 height=300><DIV style="FONT-SIZE: 18pt; WIDTH: 1.74%; COLOR: #ff3399; LINE-HEIGHT: 150%; FONT-FAMILY: 宋体">都将陪我　走向永远 你的一颗玻璃般的心 不论过去　还是看不见的明天 只要你笑颜如花 不要你的回答 思念的感觉好甜 思念的感觉好美 可曾知道我的心中平添了许多牵挂 雨停了 在我的心头溅起朵朵水花 你象春天的雨 可曾看到枝头的花朵已悄然落下 风住了 将我的心事漫卷如纱 你象秋天的风 便有了如云的牵袢 我的心有了你 便有了如丝的思念 我的心有了你 想你痛苦　不想更难 拥有过就是永远 不论走近　还是走远 只要给我一点时间 不必给我一个诺言 思 念 的 感 觉 好 甜 思念的感觉好美 <o:p> </o:p>
</DIV></MARQUEE></MARQUEE>

蓦然回首 · 发表于 2009-1-18 10:49

抽空来试验下~

夜雨千回 · 发表于 2009-1-18 10:52

效果：

从右竖排

生命的历程就像是
写在水上的字
顺流而下
想回头寻找的时候
总是失去了痕迹
因为在水上写字
无论多么的费力
那水都不能永恒
甚至是不能成型的
生命历程中的快乐和痛苦
欢欣和悲叹
只是写在水上的字
一定会在时光里流走
爱，也是流水上写字
当我们说爱的时候
爱之念已流到远处
美丽的爱是写在水上的诗
平凡的爱
是写在水上的公文
爱的誓言是
流水上偶尔飘过的枯叶
落下时
总是无声的流走
既然是生活在水上
且让我们顺着水的因缘
自然地流下去
看见花开
知道是花的因缘具足了
花朵才得以绽放
看见落叶
知道是落叶的因缘足了
树叶才会掉下
在一群陌生人之间
我们总是会遇见
那些有缘的人
等到缘尽了
我们就会如梦一样
忘记他的名字和脸孔
他也如写在水上的一个字
在因缘中散灭了

从左竖排

都将陪我　走向永远
你的一颗玻璃般的心
不论过去　还是看不见的明天
只要你笑颜如花
不要你的回答
思念的感觉好甜
思念的感觉好美

可曾知道我的心中平添了许多牵挂
雨停了
在我的心头溅起朵朵水花
你象春天的雨
可曾看到枝头的花朵已悄然落下
风住了
将我的心事漫卷如纱
你象秋天的风

便有了如云的牵袢
我的心有了你
便有了如丝的思念
我的心有了你
想你痛苦　不想更难

拥有过就是永远
不论走近　还是走远
只要给我一点时间
不必给我一个诺言
思念的感觉好甜
思念的感觉好美

夜雨千回 · 发表于 2009-1-18 10:53

另一种效果：

挥舞着彩霞

如大漠漫无边际的风沙

穿过夜幕

舞姿如歌

烛光摇曳

送走秋的晚霞

震落一枚枯叶

轻轻的泪眼划过

只是一幅画

反弹千年的风沙

一只琵琶

天涯路

风和着马蹄声响

一种辉煌的绽放

大漠残阳

代码：

<MARQUEE style="WRITING-MODE: tb-rl" scrollAmount=3 direction=down width=680 height=350>挥舞着彩霞 如大漠漫无边际的风沙 穿过夜幕 舞姿如歌 烛光摇曳 送走秋的晚霞 震落一枚枯叶 轻轻的泪眼划过 只是一幅画 反弹千年的风沙 一只琵琶 天涯路 风和着马蹄声响 一种辉煌的绽放 大漠残阳 </MARQUEE>

夜雨千回 · 发表于 2009-1-18 10:54

方圆 · 发表于 2009-1-18 11:20

:115×＆ :115×＆

蓦然回首 · 发表于 2009-1-18 11:24

谢谢师父指点~

夜雨千回 · 发表于 2009-2-2 18:39

三、样式表（CSS）法 　　样式表的文字处理属性中有两个重要的属性：writing-mode和text-align。让我们先看看它们的用法： 　　1. writing-mode（设置对象书写方向） 　　语法：writing-mode : lr-tb、tb-rl 　　参数：lr-tb：从左向右，从上往下　tb-rl：从上往下，从右向左 　　示例：div { writing-mode: tb-rl; } 　　2. text-align（设置对象中文本的对齐方式） 　　语法：text-align : left、right、center、justify 　　参数：left：左对齐　　right：右对齐　　center：居中　　justify：两端对齐 　　示例：div { text-align : center; }

孤漠苍穹 · 发表于 2009-2-3 22:25

效果不错，值得收藏。

百武慧星 · 发表于 2009-2-3 22:28

天书啊！！！

		自动登录	找回密码
密码			注册