html代码实现诗词、文章滚动特效实例

发布时间:2019-11-09编辑:脚本学堂
文中主要讲了诗词、文章滚动特效制作的方法,,有兴趣的朋友参考一下。
1、文字横排无背景实现向上滚动的代码:
复制代码 代码示例:
<table width="560" height="80"  border="0" align="center">
<tr><td><div align="center"><FONT face=黑体  color=#ddffff size=5>
</FONT></div></td></tr></table>
<DIV align=center>
<MARQUEE scrollAlinuxjishu/9952.html target=_blank class=infotextkey>mount=3 scrollDelay=80 direction=up width=560 height=250><FONT face=华文行楷 size=4><FONT color=#ddffff>
<P align=center>
<BR>
<BR>☆学习,缺的不是时间,而是毅力。
<BR>
<BR>☆我荒废的今日,正是昨日殒身之人祈求的明日。
<BR>
<BR>☆你不可能将今天拖到明天。
<BR>
<BR>☆觉得为时已晚的时候,恰恰是最早的时候。
<BR>
<BR>☆学习时的苦痛是暂时的,未学到的痛苦是终生的。
<BR>
<BR>☆幸福或许不排名次,但成功必排名次。
<BR>
<BR>☆学习不是人生的全部。但是,连人生的一部分——学习,都无法征服,你还能做什么呢?
<BR>
<BR>☆请享受这无法回避的痛苦。
<BR>
<BR>☆只有比别人更早、更勤奋地努力,才能尝到成功的滋味。
<BR>
<BR>☆没有人能够随随便便成功,它来自彻底的自我控制和毅力。
<BR>
<BR>☆时光在流逝。
<BR>
<BR>☆现在的哈喇子,就是明天的泪水。
<BR>
<BR>☆狗一样地学,绅士一样地玩。
<BR>
<BR>☆今天不去走,明天就要去跑。
<BR>
<BR>☆投资未来就是忠于现实。
<BR>
<BR>☆此刻打盹,你将做梦;而此刻学习,你将圆梦。
<BR>
<BR>☆教育程度代表收入。
<BR>
<BR>☆昔日不会重来。
<BR>
<BR>☆纵使是现在,对手也不曾停止过学习。
<BR>
<BR>☆没有艰辛,哪来收获?
</P></FONT><BR><BR></FONT></MARQUEE></DIV>
 
 2、文字竖排无背景向右滚动代码:
复制代码 代码示例:
<DIV align=center><FONT color=#FF0000 size=5 face=华文行楷>
<MARQUEE height=250 behavior=slide width=60% loop=1 scrollAmount=3 scrollDelay=100><BR>
<MARQUEE style="WRITING-MODE: tb-rl; line-height: 80%" direction=up height=250 width=100% scrollAmount=4 scrollDelay=100>
江城子&nbsp;&nbsp;&nbsp;秦观
<BR><BR><BR>
<BR>南来飞燕北归鸿,
<BR>
<BR>偶相逢,
<BR>
<BR>惨愁容。
<BR>
<BR>绿鬓朱颜,
<BR>
<BR>重见两衰翁。
<BR>
<BR>别后悠悠君莫问,
<BR>
<BR>无限事,
<BR>
<BR>不言中。
<BR>
<BR>
<BR>小槽春酒滴珠红,
<BR>
<BR>莫匆匆,
<BR>
<BR>满金钟。
<BR>
<BR>饮散落花流水、
<BR>
<BR>各西东,
<BR>
<BR>后会不知何处是,
<BR>
<BR>烟浪远,
<BR>
<BR>暮云重。
<BR>
<BR>
<BR>小槽春酒滴珠红,
<BR>
<BR>莫匆匆,
<BR>
<BR>满金钟。
<BR>
<BR>饮散落花流水、
<BR>
<BR>各西东,
<BR>
<BR>后会不知何处是,
<BR>
<BR>烟浪远,
<BR>
<BR>暮云重。
</MARQUEE></MARQUEE></FONT></DIV>
 
 3、方框里飘动的文字代码:
复制代码 代码示例:
<table width="400" border="0" align="center">
<tr><td><div align="center"><FONT face=宋体  color=#FF0000 size="4">
填写标题填写标题填写标题
</FONT></div></td></tr></table>
<table align=center border=3 bordercolor="#CD5C5C" width=450 height=250>
<td background=http://hiphotos.baidu.com/%CB%D5%D1%EF%B8%FB%B7%F2/pic/item/6b660ca81e768da81e17a2ae.jpg>
<marquee behavior=alternate scrollamount=3 direction=down width=450 height=250><marquee behavior=alternate scrollamount=3 width=450><font color=red size=4><b>飘动的文字
</b></font></marquee></marquee></td></table>
 
 4、阴影字加颜色背景向上滚动代码:
复制代码 代码示例:
 <table width="550" height="350" border="0" align="center" cellpadding="10" cellspacing="2" bordercolor="#FBDB46"
bgColor=#DFDFFF>
<tr><td><MARQUEE scrollAmount=3 scrollDelay=75 direction=up width=550 height=240>
<STRONG><p align=center><FONT style="FONT-SIZE:14pt; FILTER: shadow(color=#FF9999 direction=225); WIDTH: 100%;
COLOR: #ff0000; LINE-HEIGHT: 150%; FONT-FAMILY: 隶书">
南方的梦
<BR>
<BR>
<BR>日子总是忙忙碌碌&nbsp;&nbsp;却都是在茫目的追逐
<BR>见不到清晨的日出&nbsp;&nbsp;青春却给了日暮
<BR>我这永远嫌慢的脚步&nbsp;&nbsp;怎追的上公车的影子
<BR>这世界变得太匆促&nbsp;&nbsp;还有一点无助
<BR>爱情它谈得好辛苦&nbsp;&nbsp;却什么也留不住
<BR>来自南方的脚步&nbsp;&nbsp;在城市寻找自己的路
<BR>那首年少的歌&nbsp;&nbsp;还有儿时的梦
<BR>早已被遗忘在城市里
<BR>期待着阳光升起时&nbsp;&nbsp;而我们还能轻轻地唱
<BR>啦啦啦......
<BR>疲倦的心&nbsp;&nbsp;只在梦里
<BR>才能够回到真实的最初
<BR>
<BR>日子总是忙忙碌碌&nbsp;&nbsp;却都是在茫目的追逐
<BR>见不到清晨的日出&nbsp;&nbsp;青春却给了日暮
<BR>我这永远嫌慢的脚步&nbsp;&nbsp;怎追的上公车的影子
<BR>这世界变得太匆促&nbsp;&nbsp;还有一点无助
<BR>爱情它谈得好辛苦&nbsp;&nbsp;却什么也留不住
<BR>来自南方的脚步&nbsp;&nbsp;在城市寻找自己的路
<BR>那首年少的歌&nbsp;&nbsp;还有儿时的梦
<BR>早已被遗忘在城市里
<BR>期待着阳光升起时&nbsp;&nbsp;而我们还能轻轻地唱
<BR>啦啦啦......
<BR>疲倦的心&nbsp;&nbsp;只在梦里
才能够回到真实的最初
</FONT></p></STRONG></DIV></MARQUEE></td></tr></table>
 
5、词句加图片背景居右向上滚动代码:
复制代码 代码示例:
<table width="620" height="400" border="0" align="center" cellspacing="10"
background=http://hiphotos.baidu.com/%CB%D5%D1%EF%B8%FB%B7%F2/pic/item/68acc35594d383493a2935dc.jpg>
<TBODY><TR><TD width=580>
<MARQUEE scrollAmount=2 scrollDelay=10 direction=up width=600 height=210>
<div align="right"><FONT face=隶书 color=#B9FFDC size=5>
<br>莫许杯深琥珀浓,
<br>未成沈醉意先融,
<br>疏钟己应晚来风。
<br>
<br>瑞脑香消魂梦断,
<br>辟寒金小髻鬟松,
<br>醒时空对烛花红。
<br>
<br>莫许杯深琥珀浓,
<br>未成沈醉意先融,
<br>疏钟己应晚来风。
<br>
<br>瑞脑香消魂梦断,
<br>辟寒金小髻鬟松,
<br>醒时空对烛花红。
<br>
<br>莫许杯深琥珀浓,
<br>未成沈醉意先融,
<br>疏钟己应晚来风。
<br>
<br>瑞脑香消魂梦断,
<br>辟寒金小髻鬟松,
<br>醒时空对烛花红。
</FONT></div></MARQUEE></TD></TR></TBODY></TABLE>
 
6、诗句横排加图片背景居中向上滚动代码:
复制代码 代码示例:
<table width="440" height="300" border="4" align="center" cellpadding="10" cellspacing="2" bordercolor="#FBDB46"
background="http://hiphotos.baidu.com/%CB%D5%D1%EF%B8%FB%B7%F2/pic/item/57f7fc1d4c5186de87d6b6af.jpg">
<tr><td><MARQUEE scrollAmount=2 scrollDelay=77 direction=up width=428 height=200>
<DIV><p align=center><SPAN style="LINE-HEIGHT: 20px; FONT-FAMILY: 隶书">
<p align="center"><FONT color=#FF0000 size="4">
再别康桥
<BR>
徐志摩
<BR>
<BR>轻轻的我走了,正如我轻轻的来;
<BR>我轻轻的招手,作别西天的云彩。
<BR>
<BR>那河畔的金柳,是夕阳中的新娘;
<BR>波光里的艳影,在我的心头荡漾。
<BR>
<BR>软泥上的青荇,油油的在水底招摇;
<BR>在康河的柔波里,我甘心做一条水草!
<BR>
<BR>那榆荫下的一潭,不是清泉,
<BR>是天上虹揉碎在浮藻间,沉淀着彩虹似的梦。
<BR>
<BR>寻梦?撑一支长篙,向青草更青处漫溯,
<BR>满载一船星辉,在星辉斑斓里放歌。
<BR>
<BR>但我不能放歌,悄悄是别离的笙箫;
<BR>夏虫也为我沉默,沉默是今晚的康桥。
<BR>
<BR>悄悄的我走了,正如我悄悄的来;
<BR>我挥一挥衣袖,不带走一片云彩。
<BR>
<BR>
<BR>轻轻的我走了,正如我轻轻的来;
<BR>我轻轻的招手,作别西天的云彩。
<BR>
<BR>那河畔的金柳,是夕阳中的新娘;
<BR>波光里的艳影,在我的心头荡漾。
<BR>
<BR>软泥上的青荇,油油的在水底招摇;
<BR>在康河的柔波里,我甘心做一条水草!
<BR>
<BR>那榆荫下的一潭,不是清泉,
<BR>是天上虹揉碎在浮藻间,沉淀着彩虹似的梦。
<BR>
<BR>寻梦?撑一支长篙,向青草更青处漫溯,
<BR>满载一船星辉,在星辉斑斓里放歌。
<BR>
<BR>但我不能放歌,悄悄是别离的笙箫;
<BR>夏虫也为我沉默,沉默是今晚的康桥。
<BR>
<BR>悄悄的我走了,正如我悄悄的来;
<BR>我挥一挥衣袖,不带走一片云彩。
</p></p></FONT></DIV></MARQUEE></td></tr></table>