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

黑玫瑰博客

开放思维磨练一双慧眼,把这世界看远看透再看淡

 
 
 

日志

 
 
关于我

看不清的城市,迷离的心路,到哪里找一个安逸的角落,容得下我的倦意,我有不屈的斗志,却没有称心的器械.我有高尚的灵魂,却不能平伏我欲望的漫延

网易考拉推荐

代码学习4  

2013-05-01 09:06:40|  分类: 代码学习 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |


 

第 二 章 标 签 应 用
 
第五节 移动文字(4)
        本节学习六种移动文字代码:并排移动的文字代码、相背而行的文字代码、相对而行的文字代码、中间向两边移动的文字代码、左右移动的文字代码、上下合并的文字代码。其中“并排移动的文字代码(四种形式)”,实际上是对已学知识的复习巩固。比较一下,“并排移动的文字代码(四种形式)”与“移动方向”一节的代码有什么不同。
        一、并排移动的文字代码(四种):
      (1)并排向左移动代码:
<marquee direction="left"><font style="line-height: normal; font-size: 20pt; font-style: normal; font-variant: normal; font-weight: normal;" color="#ff00ff">我们并排向左行<br>我们并排向左行<br>我们并排向左行</font></marquee>
      (2)并排向右移动代码:
<marquee direction="right"><font style="line-height: normal; font-size: 20pt; font-style: normal; font-variant: normal; font-weight: normal;" color="#ff00ff">我们并排向右行<br>我们并排向右行<br>我们并排向右行</font></marquee>
      (3)并排向上移动代码:
<marquee direction="up"><font style="line-height: normal; font-size: 20pt; font-style: normal; font-variant: normal; font-weight: normal;" color="#ff00ff">我们并排向上行<br>我们并排向上行<br>我们并排向上行</font></marquee>
      (4)并排向下移动代码:
<marquee direction="down"><font style="line-height: normal; font-size: 20pt; font-style: normal; font-variant: normal; font-weight: normal;" color="#ff00ff">我们并排向下行<br>我们并排向下行<br>我们并排向下行</font></marquee>
        二、相背而行的文字代码:
<marquee direction="up"><font style="line-height: normal; font-size: 20pt; font-style: normal; font-variant: normal; font-weight: normal;" color="#ff00ff">我在向上行</font></marquee><br><br>
<marquee direction="down"><font style="line-height: normal; font-size: 20pt; font-style: normal; font-variant: normal; font-weight: normal;" color="#ff00ff">我在向下行</font></marquee>
        代码解析:
        “相背而行的文字代码”由两个移动标签组成。第一个移动标签的移动方向“向上”,第二个移动标签的移动方向“向下”。第一个移动标签的尾标签后面设置了一个换行标签<br>,使文字成为两行排列,上面的一行向上移动,下面的一行向下移动,呈相背而行的形式显示。
        三、相对而行的文字代码:
<MARQUEE direction=down><FONT style="LINE-HEIGHT: normal; FONT-VARIANT: normal; FONT-STYLE: normal; FONT-SIZE: 20pt; FONT-WEIGHT: normal" color=#ff00ff>我在向下行</FONT></MARQUEE>
<MARQUEE direction=up><FONT style="LINE-HEIGHT: normal; FONT-VARIANT: normal; FONT-STYLE: normal; FONT-SIZE: 20pt; FONT-WEIGHT: normal" color=#ff00ff>我在向上行</FONT></MARQUEE>
        代码解析:
        “相对而行的文字代码”由两个移动标签组成。第一个移动标签的移动方向“向下”,第二个移动标签的移动方向:“向上”。
        四、中间向两边移动的文字代码:
<MARQUEE width=300 height=270>
<FONT face=华文彩云 color=#ff0000 size=6>中间向两边移动
</FONT></MARQUEE>
<MARQUEE direction=right width=300 height=270>
<FONT face=华文彩云 color=#ff0000 size=6>动移边两向间中
</FONT></MARQUEE>
        代码解析:
        “中间向两边移动的文字代码”由两个移动标签组成。第一个移动标签的移动方向“向左”,标签中没有设置移动方向的属性,是采用系统默认的移动方向:向左;第二个移动标签的移动方向是“向右”。两个移动标签中的“移动屏幕宽度”都设置为300px,使这些文字能够在同一行显示。如果把“移动屏幕宽度”都设置为超过350px,些文字就不能在同一行显示了。
        五、左右移动的文字代码:
<marquee direction="right" height="80" width="350">
<font color="#ff0000" size="7" face="隶书">我向右行
</font></marquee><br>
<marquee height="80" width="350">
<font color="#ff0000" size="7" face="隶书">我向左行
</font></marquee>
        代码解析:
        “左右移动的文字代码”由两个移动标签组成。第一个移动标签的移动方向“向右”,第二个移动标签的移动方向“向左”。这两个移动标签,可以交换位置。
        六、上下合并的文字代码:
<marquee direction="down" height="60" scrollAmount="2">
<center><font color="#0000ff" size="7" face="华文彩云"><b>春天没来 欢迎您的光临</b></font></center></marquee>
<marquee direction="up" height="60" scrollAmount="2">
<center><font color="#0000ff" size="8" face="华文彩云"><b>春天没来 欢迎您的光临</b></font></center></marquee>
        代码解析:
        1、“上下合并的文字代码”由两个移动标签组成。第一个移动标签的移动方向“向下”,第二个移动标签的移动方向“向上”。可不能颠倒欧!颠倒以后就变成“相背而行”了。
        2、和上面的“相对而行的文字代码”比较一下,看看有什么区别。欧!少了几个换行标签<br>。
        作业:
        1、认真阅读“代码解析”,掌握以上各种移动文字代码的设置要点。
        2、用“并排移动的四种文字代码”各发表一篇文章。代码中的文字内容,字体、字号、文字颜色、移动速度等内容,都可以进行修改,还可以在移动标签中添加“移动速度”、“移动间隔时间”的属性。会不会修改或者添加,就要看你以前学过的知识会不会应用了。
        3、用其余的五种代码各制作一篇文章。
        4、思考题:“并排移动的四种文字代码”在文字之间为什么要用<br>标签?
 
 
第 二 章 标 签 应 用
 
第六节 移动文字(5)

        本节继续学习移动文字。下面讲解五种移动文字代码。“走走停停的文字代码”,给你提供了三种形式。这些代码中的文字,都是由两个移动标签包围的(也可以说是控制的、指挥的、装饰的。)认真观察它们的效果,学会应用这些代码。
        1、向右上移动的文字代码:
<marquee direction="up" height="400" width="500" scrollAmount="4">
<marquee direction="right" scrollAmount="4">
<font style="line-height: normal; font-size: 30pt; font-style: normal; font-variant: normal; font-weight: normal;" color="#ff0000"><b>“春天没来”欢迎您</b><br><b>“春天没来”欢迎您</b><br><b>“春天没来”欢迎您</b></font></marquee></marquee>
        代码解析:
        1、三行“春天没来欢迎您”的文字被两个移动标签包围着,第一个移动标签的移动方向“向上”,第二个移动标签的移动方向“向右”,综合效果是向“右上”。这两个移动标签可以互换位置。
        2、文字标签<font style="line-height: normal; font-size: 30pt; font-style: normal; font-variant: normal; font-weight: normal;" color="#ff0000">解析:
        <文字标签 css样式=“行高:默认;文字字号:30pt;字体风格:默认;小型大写字母的字体显示文本:默认;文本的粗细:默认;”颜色=红色>
        2、向左上移动的文字代码:
<marquee direction="up" height="400" width="500" scrollAmount="4">
<marquee direction="" scrollAmount="4">
<font style="line-height: normal; font-size: 30pt; font-style: normal; font-variant: normal; font-weight: normal;" color="#ff0000"><b>“春天没来”欢迎您</b><br><b>“春天没来”欢迎您</b><br><b>“春天没来”欢迎您</b></font></marquee></marquee>
        代码解析:
        1、三行“春天没来欢迎您”的文字被两个移动标签包围着,第一个移动标签的移动方向“向上”,第二个移动标签的移动方向“向左”,综合效果是向“左上”。这两个移动标签可以互换位置。
        2、文字标签<font style="line-height: normal; font-size: 30pt; font-style: normal; font-variant: normal; font-weight: normal;" color="#ff0000">解析:
        <文字标签 css样式=“行高:默认;文字字号:30pt;字体风格:默认;小型大写字母的字体显示文本:默认;文本的粗细:默认;”颜色=红色>
        3、向右下移动的文字代码:
<marquee direction="down" height="400" width="500" scrollAmount="4">
<marquee direction="right" scrollAmount="4">
<font style="line-height: normal; font-size: 30pt; font-style: normal; font-variant: normal; font-weight: normal;" color="#ff0000"><b>“春天没来”欢迎您</b><br><b>“春天没来”欢迎您</b><br><b>“春天没来”欢迎您</b></font></marquee></marquee>
        代码解析:
        1、三行“春天没来欢迎您”的文字被两个移动标签包围着,第一个移动标签的移动方向“向下”,第二个移动标签的移动方向“向右”,综合效果是向“右下”。这两个移动标签可以互换位置。
        2、文字标签<font style="line-height: normal; font-size: 30pt; font-style: normal; font-variant: normal; font-weight: normal;" color="#ff0000">解析:
        <文字标签 css样式=“行高:默认;文字字号:30pt;字体风格:默认;小型大写字母的字体显示文本:默认;文本的粗细:默认;”颜色=红色>
        4、向左下移动的文字代码:
<marquee direction="down" height="400" width="500" scrollAmount="4">
<marquee direction="" scrollAmount="4">
<font style="line-height: normal; font-size: 30pt; font-style: normal; font-variant: normal; font-weight: normal;" color="#ff0000"><b>“春天没来”欢迎您</b><br><b>“春天没来”欢迎您</b><br><b>“春天没来”欢迎您</b></font></marquee></marquee>
        代码解析:
        1、三行“春天没来欢迎您”的文字被两个移动标签包围着,第一个移动标签的移动方向“向下”,第二个移动标签的移动方向“向左”,综合效果是向“左下”。这两个移动标签可以互换位置。
        2、文字标签<font style="line-height: normal; font-size: 30pt; font-style: normal; font-variant: normal; font-weight: normal;" color="#ff0000">解析:
        <文字标签 css样式=“行高:默认;文字字号:30pt;字体风格:默认;小型大写字母的字体显示文本:默认;文本的粗细:默认;”颜色=红色>
        5、走走停停的文字代码
        代码(1):
<marquee behavior="alternate" width="100%">
<marquee behavior="alternate" width="90%"><font style="line-height: normal; font-size: 30pt; font-style: normal; font-variant: normal; font-weight: normal;" color="#ff0000"><b>“春天没来”欢迎您</b></font></marquee></marquee>
        代码(2):
<marquee behavior="alternate" width="100%">
<marquee width="96%"><font style="line-height: normal; font-size: 30pt; font-style: normal; font-variant: normal; font-weight: normal;" color="#ff0000"><b>“春天没来”欢迎您</b></font></marquee></marquee>
        代码(3):
<marquee behavior="alternate" width="100%" scrollAmount="20">
<marquee width="96%"><font style="line-height: normal; font-size: 30pt; font-style: normal; font-variant: normal; font-weight: normal;" color="#ff0000"><b>“春天没来”欢迎您</b></font></marquee></marquee>
        代码解析:
        1、“走走停停的文字”要用两个移动标签控制。两个移动标签内可以都设置“来回走”的移动方式,也可以只在一个移动标签中设置;两个移动标签内的移动屏幕宽度,一个设置得要宽一点,另一个设置得要窄一点;移动速度,可以设置也可以不设置。
        2、仔细观察一下,上面的三种“走走停停的文字”,效果是有区别的。
        作业:
        1、认真阅读“代码解析”,深刻领会上面各种代码设置的道理,学会应用这些代码。
        2、用上面讲解的7种代码,各发表一篇文章。代码中的属性与属值可以修改。要认真观察发表以后的显示效果,把你修改成功的代码保存下来。
 
 
 
 

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

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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