dreamweaver教程:怎么制作网页滚动字幕

所属分类: 网页制作 / Dreamweaver 阅读数: 446
收藏 0 赞 0 分享

  滚动字幕在FrontPage的组件里有,但是FrontPage这个软件只能支持单行文字,一出现多行文字它就无能为力了,而且它只能支持一行滚动!(如果出现只能滚动一行的情况,解决办法是把这段代码嵌入到JavaScript的document.write里面,请看下面例的详细说明)Dreamweaver也只能用编写HTML代码的方法。所以强烈建议用记事本打开网页源代码来编辑。

  1.建立第一个滚动字幕。代码:
  

以下是引用片段:
<marquee scrollAmount=2 width=300>滚动字幕</marquee> 

  2.各参数详解:

  a)scrollAmount。它表示速度,值越大速度越快。如果没有它,默认为6,建议设为1~3比较好。

  b)width和height,表示滚动区域的大小,width是宽度,height是高度。特别是在做垂直滚动的时候,一定要设height的值。

  c)direction。表示滚动的方向,默认为从右向左:←←←。可选的值有right、down、up。滚动方向分别为:right表示→→→,up表示↑,down表示↓。

  d)scrollDelay,这也是用来控制速度的,默认为90,值越大,速度越慢。通常scrollDelay是不需要设置的。

  e)behavior。用它来控制属性,默认为循环滚动,可选的值有alternate(交替滚动)、slide(幻灯片效果,指的是滚动一次,然后停止滚动)

  3.实例:

  a)如何给滚动字幕加超链接?这跟平时的超链接是完全一样的。只要在文字外面加上

以下是引用片段:
<marquee scrollAmount=2 width=300><a href=https://www.jb51.net>脚本之家</a></marquee>


           点击脚本之家就可以进入了:

        脚本之家

  b)如何制作当鼠标停留在文字上,文字停止滚动?

  代码如:

以下是引用片段:
<marquee scrollAmount=2 width=300 onmouseover=stop() onmouseout=start()>文字内容</marquee>

  c)交替效果。代码如:
  ? 

以下是引用片段:
<marquee scrollAmount=2 width=99 behavior=alternate>文字内容</marquee>

  d)多行文本向上滚动。代码如:

以下是引用片段:
<marquee scrollAmount=2 width=300 height=160 direction=up>·早晨好啊!<br>·空气好清新啊<br>·今朝食乜好呢?<p>·<a href=https://www.jb51.net>脚本之家</a></marquee>  

  ·注意:如果你的网页经过了FrontPage编辑,保存之后,只能滚动一行,这时候你发现你原来的代码顺序已经变了,My god!解决的办法是,找出原来的代码,把它嵌入到JavaScript的document.write中即可,上述代码写为:

以下是引用片段:
<marquee scrollAmount=2 width=300 height=160 direction=up>·早晨好啊!<br>·空气好清新啊<br>·今朝食乜好呢?<p>·<a href=https://www.jb51.net>脚本之家</a></marquee> 

  由上可以看出,HTML代码是可以随意组合的,功能强大!

更多精彩内容其他人还在看

Dreamweaver临时文件工作原理介绍

Dreamweaver使用临时文件将一些未经保存的数据传输至其它应用程序中,一般这些临时文件的作用是应用程序的临时工作空间,或者用于自动存储等功能,下面为大家介绍下临时文件是如何工作的,感兴趣的朋友可以参考下哈
收藏 0 赞 0 分享

如何在Dreamweaver cs6 中设置默认文档格式为html5

怎么设置Dreamweaver cs6 中默认文档格式为html5,很简单,在编辑->首选参数中便可设置,如截图,有需求的朋友可以参考下,希望对大家有所帮助
收藏 0 赞 0 分享

DreamWeaver操作技巧大全(16条技能)

DreamWeaver是著名的网站开发工具,本文整理了一些其相关操作技巧,对于大家的学习会有所帮助,从事网页爱好者的朋友可以学习下,希望对大家有所帮助
收藏 0 赞 0 分享

dreamweaver怎么制作网页折叠菜单效果通过层的显示和隐藏来实现

折叠式菜单实际上是通过层的显示和隐藏,来达到这种效果的,Follow Me!先打开DreamWeaver(DreamWeaver对层的支持很好的,也是做网页的必备工具,感兴趣的朋友可以参考下
收藏 0 赞 0 分享

在Dreamweaver制作可拖动表格效果

在Dreamweaver中,给表格增加css定位,表格就变得象“层”一样可拖动
收藏 0 赞 0 分享

Dreamweaver中制作细边的表格的技巧

Dreamweaver中经常需要制作细边的表格,下面给大家介绍一下方法
收藏 0 赞 0 分享

Dreamweaver中设计多彩文字链接的方法

默认的颜色可能大家会觉得不好看。那如何变成多彩的颜色呢。下面给大家介绍一下。
收藏 0 赞 0 分享

Dreamweaver中如何制作漂亮的导航条按钮

想做一个漂亮的导航按钮。不知道代码?下面给朋友们介绍一下
收藏 0 赞 0 分享

在Dreamweaver中实现网页状态栏中活动文字效果的方法

有时候找开网页的时候,看到浏览器的状态栏会有活动的文字,那如何实现这个效果呢。请看下面的介绍
收藏 0 赞 0 分享

把Javascript代码应用到网页中的方法

把Javascript代码放到网页中,做网页的时候经常要用到这个方法。请看下面的介绍
收藏 0 赞 0 分享
查看更多