你的位置:简易下载站 > 文章教程 > 平面设计 > dreamweaver > dreamweaver教程:如何制作网页滚动字幕

dreamweaver教程:如何制作网页滚动字幕

来源:本站整理 更新时间:2013-04-12 收藏本页(Ctrl+D) 评论()
dreamweaver教程:如何制作网页滚动字幕手机扫描查看
扫描二维码

滚动字幕会让很多人感到兴奋,特别是第 一次使用滚动字幕时,会爱不释手。现在做一个详细的方案,让你更全面地了解一下。

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

dreamweaver cs6 中文版
//www.3987.com/soft/3/90/27494.html

dreamweaver cs5 中文版
//www.3987.com/soft/3/90/6163.html

dreamweaver cs4 中文版
//www.3987.com/soft/3/90/3621.html

dreamweaver cs3 中文版
//www.3987.com/soft/3/90/9710.html

dreamweaver 8.0 中文版
//www.3987.com/soft/2/43/14049.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=http://www.cctv.com>*****</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=http://www.cctv.com>*****</a></marquee>  

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

以下是引用片段:
<marquee scrollAmount=2 width=300 height=160 direction=up>·早晨好啊!<br>·空气好清新啊<br>·今朝食乜好呢?<p>·<a href=http://www.cctv.com>*****</a></marquee> 

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

看完这篇文章有何感觉?

软件评论

表情 em_1 em_2 em_3 em_4 em_5 em_6 em_7 em_8 em_9 em_10 em_11 em_12 已有条评论,点击全部查看

(您的评论需要经过审核才能显示,请文明发言!)  

剩余字数:

点击图片更换

简易文章资讯频道声明

1、 所有来源标注为简易下载站或简易文章的内容版权均为本站所有,若您需要引用、转载,请注明来源及原文链接即可,如涉及大面积转载,请来信告知,获取授权。

2、 本站所提供的文章资讯等内容均为作者提供、网友推荐、互联网整理而来,仅供学习参考,如有侵犯您的版权,请及时联系我们,并提供原文出处等,本站将在三个工作日内修正。

3、 若您的网站或机构从本站获取的一切资源进行商业使用,除来源为本站的资料需与本站协商外,其他资源请自行联系版权所有人。

4、 未经简易下载站允许,不得盗链、盗用本站资源;不得复制或仿造本网站,不得在非简易下载站所属的服务器上建立镜像,简易下载站对其自行开发的或和他人共同开发的所有内容、技术手段和服务拥有全部知识产权,任何人不得侵害或破坏,也不得擅自使用。

关于我们 | 网站帮助 | 网站声明 | 广告合作 | 友情链接 | 站点地图 | RSS |
中国互联网举报中心 网络违法举报中心 垃圾信息举报中心 闽公网安备 35020302000785号

本站资源均收集整理于互联网,其著作权归原作者所有,如果有侵犯您权利的资源,请来信告知,我们将及时撤销相应资源。

Copy 2019 jyrd.com. All Rights Reserved. 闽ICP备18012540号-2