注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

寒心热血的博客

忍一时风平浪静,退一步海阔天空.*************

 
 
 

日志

 
 
关于我

女人善变的脸,男人善变的是心,在爱的世界里没有谁对不起谁,只有谁不懂得珍惜谁,绑不住我的心就不要说我花心,叶子的离开是因为风的追求,还是树的不挽留,我永远都是你的插曲,但是我会用我仅有的双手为你弹出最动人的旋律,一个人不孤独,想一个人才孤独!

网易考拉推荐

. 起步学代码(4)  

2008-07-19 10:30:17|  分类: 博客代码 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |


 


起步学代码(4)
 
资料来源:网络

(供初学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=fff000>
文字从右向左移!</font></marquee>



显示效果:



文字从右向左移!






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

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



显示效果:


文字从左向右移!



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

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



显示效果:


文字从上向下移!!






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

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

BR>
显示效果:


文字从下向上移!!






文字来回走代码:

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



显示效果:



文字来回走耶!!







移动速度 <scrollamount=#>

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


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


显示效果:



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

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


<marquee direction=left scrollAmount=8> <font style=font:15pt face=黑体 color=fff000>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=#000000>
<MARQUEE scrollAmount=3 direction=down behavior=alternate height=350>
<MARQUEE scrollAmount=3 behavior=alternate width=450>
<IMG src="http://img573.photo.163.com/liyc580/54850131/1806703714.gif">&nbsp;<FONT color=fff000 size=3><B>欣赏文字图片走四方</B></FONT> <IMG src="http://img573.photo.163.com/liyc580/54850131/1806719213.jpg">
</MARQUEE></MARQUEE>
</TD></TR></TBODY></TABLE>

文字图片走四方


欣赏文字图片走四方
待续

  评论这张
 
阅读(11)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017