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

《电脑课件之家》信息检索教学网站

帮你发现因特网上看不见的网站,帮你掌握因特网上的话语权!

 
 
 

日志

 
 

作业17(选作) 滚动字幕  

2010-09-22 11:05:35|  分类: 教学 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

作业17(选作) 滚动字幕

 

实验内容与设计思想】(每个3分,共36分)

一、仿照下例,用Frontpage在你的网页上插入横向的和纵向的滚动字幕各一幅。内容自选,可以放在首页上的任何位置。

  水平滚动字幕的插入

垂直滚动字幕的插入

  注意,与水平滚动字幕相比,垂直滚动字幕仅仅在源代码中加入了下面红色部分的语句而已。

作业17(选作) 滚动字幕 - 张老师 - 《电脑课件之家》信息检索教学网站

 

 

二、让你的文字动起来——Marquee用法详解:每个例子作出一个效果来。
  
我们可以使用HTML的Marquee语句产生更多的移动效果:向左、向右、向上、向下。再嵌套使用marquee语句,效果就更加丰富了。

marquee的基本语法:<marquee> ... </marquee>

说明:与大多数HTML语法元素一样,它也是成双出现的,被修饰对象就放在起始符和终止符之间。请看如下例子:

<marquee> 啦啦啦,真的会动耶!</marquee>
啦啦啦,真的会动耶!

瞧,简单吧?不过,以上例子只是使用了marquee的默认用法。我们加入相应的参数,它的移动方法就有所不同了。

参数一:direction
direction的英文意思就是方向。这个参数的取值有四个:left(左)、right(右)、up(上)、down(下)。
例:<marquee direction=up>向上移动</marquee>

向上移动

 

参数二:behavior
移动方式。值:scroll(循环移动)、slide(只移动一个回合)、alternate(来回移动)。
例:<marquee direction=left behavior=alternate>哈哈,我来回走!</marquee>
哈哈,我来回走!

<marquee direction=left behavior=slide>累!我只走一次!</marquee>
累!我只走一次!

 

参数三:loop
循环。若未指定则循环不止(infinite),其值取数值。例:
<marquee loop=3>我只走三次哦</marquee>
我只走三次哦


参数四:scrollamount
移动速度。值取正整数。数值越大,速度越快。例:
<marquee scrollamount=25>看,我走多快!</marquee>
看,我走多快!

 

参数五:scrolldelay
延时。数值。例:
<marquee scrolldelay=1000>我走一走,停一停</marquee>
我走一走,停一停

 

参数六:bgcolor
底色。例:<marquee bgcolor=pink>看到了吧?有底色!</marquee>
看到了吧?有底色!


参数七:width和height
就是移动的宽度与高度了。例:
<marquee width=200 height=200 bgcolor=pink direction=down>这个面积不够我移动!</marquee>
 

这个面积不够我移动!


其他参数:
空白(Margins)<hspace=数值 vspace=数值>
对齐方式(Align) <align=top/ middle/bottom>
 

把文字放在图上

利用表格可以实现,把图片作为表格的背景,再插入滚动的文字,不妨一试。 

    精神家园!

代码如下:

<table border="2" cellpadding="2" cellspacing="3" width="480" height="480" background="pic184.jpg">
    <tr>
      <td>
        <p align="left"><font size="7" color="#FF0000"><b>
        <marquee direction=up>&nbsp;&nbsp;&nbsp;&nbsp;精神家园!</marquee>
        </b></font></p>
      </td>
    </tr>
  </table>

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

历史上的今天

评论

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

页脚

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