天涯部落

小圈子,大声音!呼朋引伴网聚部落!

创建新部落?

从零启步学代码【四】

楼主:人间惆怅客SD 时间:2012-09-11 07:55:06 点击:660 回复:26
脱水模式给他打赏只看楼主 阅读设置
此帖绝对不能点击“编辑”“不能编辑”两个按钮。否则,帖子中的示范代码就没有了,只剩下效果了。切记!!!


 



欢迎您!启步学代码


 



(原创编辑:游子。 供初学HTML代码的朋友参考)

文字移动属性的设置

<marquee>内容文字或图片</marquee>

上面是最简单的移动标签。把它复制粘贴发表结果如下:





内容文字或图片





 





移动属性值主要的有几个内容:  

移动方向 <direction=#>
速度 <scrollamount=#> 
方式 <bihavior=#>     
循环 <loop=#> 
延时 <scrolldelay=#>  






启步先学方向和速度。

移动方向
direction=left   从右向左移
 direction=right   从左向右移
direction=down   从上向下移
direction=up     从下向上移






移动代码:-文字从右向左移



<marquee direction=left scrollAmount=2>
<font style=font:15pt face=黑体 color=f00000>
文字从右向左移!</font></marquee>




显示效果:



文字从右向左移!


 





移动方向-文字从左向右移的代杩。


<marquee direction=right scrollAmount=2>
<font style=font:15pt face=黑体 color=f00000>
文字从左向右移!!</font></marquee>




显示效果:


文字从左向右移!


 





 


移动方向-文字从上向下移的代码:。


<marquee direction=direction=down scrollAmount=2>
<font style=font:15pt face=黑体 color=f00000><CENTER>
文字从上向下移!!</font></CENTER></marquee>




显示效果:



文字从上向下移!!



 


 





移动方向-文字从下向上移!的代码:。


<marquee direction=up scrollAmount=2>
<font style=font:15pt face=黑体 color=f00000><CENTER>
文字从下向上移!!!</CENTER></font></marquee>


BR>
显示效果:



文字从下向上移!!



 


 





文字来回走代码:


<marquee behavior=alternate scrollAmount=8>
<font style=font:15pt face=黑体 color=f00000>
文字来回走耶!!!</font></marquee>




显示效果:




文字来回走耶!!



 






移动速度 <scrollamount=#>

移动速度设置数值小就走得慢的代码:


<marquee direction=left scrollAmount=2>
<font style=font:15pt face=黑体 color=f00000>
scrollAmount=2移动速度设置数值小就走得慢!!</font></marquee>


显示效果:



scrollAmount=2移动速度设置数值小就走得慢!!

移动速度设置数值大就走得快!的代码:


<marquee direction=left scrollAmount=8> <font style=font:15pt face=黑体 color=f00000>scrollAmount=8移动速度设置数值大就走得快!!</font></marquee>


显示效果:



scrollAmount=8移动速度设置数值大就走得快!!


 






文字上下移动代码:



<font size=5 face=隶书 color=lime>
<MARQUEE scrollAmount=5 direction=up behavior=alternate height=60>
<center>
文字上下移动</center></marquee>




文字上下移动



 






文字图片走四方的代码:




 


<TABLE borderColor=fff000 height=350 cellSpacing=1 cellPadding=10 width=450 border=3><TBODY><TR><TD bgColor=#0000ff>
<MARQUEE scrollAmount=3 direction=down behavior=alternate height=350>
<MARQUEE scrollAmount=3 behavior=alternate width=450>
<IMG src="http://www.dabaoku.com/gif/164/gif001.gif">&nbsp;<FONT color=fff000 size=3><B>欣赏文字图片走四方</B></FONT> <IMG src="http://homediy.myrice.com/gif/cat/cat004.gif ">
</MARQUEE></MARQUEE>
</TD></TR></TBODY></TABLE>



原创编辑:游子。

 

 


文字图片走四方


 





!)

 


 

楼主人间惆怅客SD 时间:2012-09-11 08:11:54




作者 :枫叶Fs 时间:2012-09-11 13:00:47
  很详细!o(≧v≦)o~~好棒!好友辛苦了。。。
作者 :枫叶Fs 时间:2012-09-11 13:21:02
  @星连193 好友听听视频的
  
作者 :星连193 时间:2012-09-11 13:26:32
  @枫叶Fs 提交日期:2012-09-11 13:21:02    3#
  
    @星连193 好友听听视频的
  ——————————————————————————
  流泪感谢!一边听歌看视频,一边擦眼泪。
  
作者 :枫叶Fs 时间:2012-09-11 13:29:50
  @星连193  你不会是剧里的主角吧,呵呵!O(∩_∩)O~。。。
作者 :星连193 时间:2012-09-11 13:36:23
  @枫叶Fs 提交日期:2012-09-11 13:29:50    5#
  
    @星连193  你不会是剧里的主角吧,呵呵!O(∩_∩)O~。。。
  ————————————————————————
  红楼梦的电视剧并不好看,就是歌感人、动人心。而且它的歌曲并没有多少人唱,郑绪岚是唱得最多最好的,从小我就开始听。
  
作者 :枫叶Fs 时间:2012-09-11 13:43:03
   @星连193  我也很喜欢红楼梦的歌,以前看红楼梦根本看不懂啊!太多美女了,好像是为了看美女而看的呢。。。
楼主人间惆怅客SD 时间:2012-09-11 14:59:11
  @枫叶FS          好友:首先请接受我深深的鞠躬!谢谢您带来这凝血聚泪的天籁之音。
  
  旋律响起,歌未曾唱,泪已长流。
  为黛玉,更为晓旭。我生命里唯一动容的一代名伶。或许,晓旭就是绛珠仙草的化身,惊鸿一瞥,洁来洁去。绛珠归位,一个时代结束。无论是现在还是未来,不可能被超越,不可能。
  时至今天,我依然清晰地记着那个日子。
  那一年,我还在外流浪,在那个注定伤心的日子,一股浓浓的哀伤从一大早就莫名的笼罩着我,在忙完手头的工作后,中午窝在暂时栖身的破仓库里,无以聊赖的随手在胰脏淡绿色稿纸上,写下了那首字字血泪的《葬花吟》。下午,在电视里看到了晓旭化仙而去的消息,心里划过一阵剧烈的痛。泪水在不自禁中滑落,半晌只说出四个字:天妒红颜。这仿佛是冥冥中注定,这《葬花吟》竟成了一代名伶的挽歌。
  在那个残阳如血的黄昏,我带着这张洁净的绿笺,来到我所流浪城市的市中花园,在绿草如茵的广场上,我向着西方虔诚地凝望着,点燃手中的绿笺,为晓旭送去深深的哀思。
  也就是从那天开始,我每听到这些歌,都会有一种很深的伤痛在心中掠过,说不清,理还乱。
  
  一曲《枉凝眉》,
  三生血泪缘。
  世人皆笑痴,
  谁解曲中味。
  
楼主人间惆怅客SD 时间:2012-09-11 15:09:34
  @枫叶FS      @星连193
  
  晓旭版的《红楼梦》中音乐的确美到了震撼心灵,荡涤灵魂的境界。作曲王立平历时四年的自闭式创作,当这些天籁之音面世的时候。我们的作曲家竟然须发全白,可谓是呕心沥血,才有了这拨动心弦的天籁。
  
  再次感谢枫叶好友带来的天籁之音。
作者 :枫叶Fs 时间:2012-09-11 15:15:12
  @人间惆怅客SD  枫叶在你的帖子里擅自设置歌曲不但没有责怪,还感谢枫叶呢,呵呵!谢谢惆怅好友了!O(∩_∩)O~
楼主人间惆怅客SD 时间:2012-09-11 15:16:01
  @枫叶FS        @星连193
  
  二位好友:惆怅虽未与君谋面,然,足见君乃性情中人也。与君相识,相知,相惜是惆怅三生之幸也,吾自当珍存此份情谊。
  
  遥祝好友幸福快乐!!!
作者 :china农业 时间:2012-09-11 15:18:51
  代码,值得一学!!
作者 :枫叶Fs 时间:2012-09-11 15:23:18
  问好朋友@china农业,欢迎你。。。
作者 :枫叶Fs 时间:2012-09-11 15:27:18
      @枫叶FS        @星连193
    
    二位好友:惆怅虽未与君谋面,然,足见君乃性情中人也。与君相识,相知,相惜是惆怅三生之幸也,吾自当珍存此份情谊。
    
  ························
  @人间惆怅客SD  谢谢惆怅好友!天涯相识是有缘,祝友谊长存!
楼主人间惆怅客SD 时间:2012-09-11 17:38:15
  @china农业         农业老师:好久没见。问好!欢迎入住!
作者 :闲散山人LT 时间:2012-09-11 22:33:11
  心愿目标——学会贴歌,嗯 嗯。
作者 :有意荣枯草 时间:2012-09-11 22:41:10
  能力书写真章,知识就是力量。
作者 :枫叶Fs 时间:2012-09-11 22:45:43
  作者:闲散山人LT 提交日期:2012-09-11 22:33:11       16#
  
    心愿目标——学会贴歌,嗯 嗯。
  ·······················
  @闲散山人LT  枫叶待会就发表一个关于歌曲编辑的帖子,请好友关注哦。。。
楼主人间惆怅客SD 时间:2012-09-11 23:10:55
  作者:闲散山人LT 提交日期:2012-09-11 22:33:11     删 除   编 辑  16#
  
    心愿目标——学会贴歌,嗯 嗯。
  ======================================
  @闲散山人LT             好久不见,山兄安好!!!  嘿嘿,我也还不会贴歌呢,代码格式没问题,就是不会提取歌曲地址,这脑脑老欺负我。
  
  
楼主人间惆怅客SD 时间:2012-09-11 23:13:19
  作者:有意荣枯草 提交日期:2012-09-11 22:41:10     删 除   编 辑  17#
  
    能力书写真章,知识就是力量。
  ++++++++++++++++++++++++++++++++++++++++
  @有意荣枯草             多谢有意老师!是。知识就是力量。问秋安!!!
作者 :2012雨中的邂逅 时间:2012-10-02 17:14:27
  学习
作者 :枫叶Fs 时间:2012-10-05 10:11:13
  @2012雨中的邂逅  问好雨妹妹。。。
作者 :偷笑的兔子 时间:2012-10-10 15:58:39
  辛苦了!问好
作者 :幸福加速度abc 时间:2013-07-09 21:57:49
  来学习了,老师辛苦了!
作者 :花若怜_泪涧成线 时间:2013-07-11 23:50:11
  好棒!!
作者 :我的心在飞扬2011 时间:2013-07-28 20:02:45

  

  文字从下向上移!!!

  
 

相关推荐

    发表回复

    请遵守天涯社区公约言论规则,不得违反国家法律法规