dreamweaver怎么制作网页滚动字幕

滚动字幕在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=http://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=http://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=http://www.jb51.net>脚本之家</a></marquee> 

 

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

时间: 2024-11-05 11:40:28

dreamweaver怎么制作网页滚动字幕的相关文章

Dreamweaver轻松制作网页滚动布告栏

如果想要在网页里显示最新信息.新闻.通知.布告等较长的文字信息,而又不想占用太多的网页空间,可以使用滚动报告栏. 滚动报告栏通常是通过利用 Javascript 技术控制网页中的层的滚动来实现的,然而手工编写 Javascript 代码进行制作肯定是比较复杂.困难的事情.使用 Dreamweaver 为用户提供的[ ScrollableArea ]插件可以快速便捷地制作出滚动报告栏. 效果说明 用户可以通过滚动栏上的[向上滚]和[向下滚]两个按钮控制报告栏文字的滚动速度和方向.实际效果请浏览随书

用DW8学习网页滚动字幕的制作

在网页中,制作滚动字幕使用marquee标签,如果用手写的方法,实在是太麻烦了.推荐利用网页制作软件比如Dreamweaver来学习.在DW中可以使用"标签选择器"插入各种标签,并且可以使用"标签检查器"设置标签的属性值,它的功能类似于属性面板,但是比属性面板更强大. 使用"标签选择器"插入marquee标签 1.把光标插入点放在需要插入滚动字幕的地方. 2.点击插入面板的"标签选择器 " 3.选择 marquee标签,点击&

dreamweaver怎么制作网页

  一.定义站点 1. 在任意一个根目录下创建好一个文件夹(我们这里假设为E盘),如取名为MyWeb. ***备注:网站中所用的文件都要用英文名. 2.打开Dreamweaver,选择"站点-新建站点",打开对话框.在站点名称中输入网站的名称(可用中文),在本地根文件夹中选择刚才创建的文件夹(E:web).然后确定即可. ***备注:再次打开Dreamweaver,会自动找到刚才设立的站点.如果有多个站点,可以在菜单"站点-打开站点"中去选择. 二.创建页面 1.在

Dreamweaver批量制作网页

dreamweaver|网页    做网站,麻烦在于更新,特别是大规模更新,工作量非常大.真不知那些创意不断而又勤奋的"站长"隔三岔五就将网站来个"大换血"是怎么忙过来的?告诉你吧,他们大多都是在"批发"网页,并且你的机器中也有这样的"批发站"呢!别吃惊,这个好东东就是--模板.常见的网页制作工具:FrontPage.Dreamweaver中都有这项功能.比如用Dreamweaver制作网页时,使用模板就能减少大量的重复劳动.

入门:Dreamweaver轻松制作网页页内连接

dreamweaver|网页 在网页制作中我们经常会遇到有时需要制作页内连接的情况,比如首先列出一个目录,然后后面内容是按目录列出的,我们需要实现的是当点击目录中的一项时,直接转到内容页面. 首先把光标定位到要连接的内容页面的位置的左侧,然后插入命名锚记. 给锚记命名一个名称. 然后再选择目录,设置超级连接. 保存后,按F12浏览.

用dreamweaver如何制作网页折叠菜单效果

去过Microsoft的网站吗?(如图一)如果去过的话,那么你应该对这个站上面那条折叠式菜单的导航栏感到赞叹吧?你想过你也能够做出这样的效果吗?来吧,不用羡慕了,心动不如行动!   折叠式菜单实际上是通过层的显示和隐藏,来达到这种效果的.现在就让我来说说如何制作吧.Follow Me!先打开DreamWeaver(DreamWeaver对层的支持很好的,也是做网页的必备工具). 第一步:先插入一个一行.两列的表格,方法:单击菜单上的"插入"(Insert),再选取"表格&qu

Dreamweaver轻松制作网页转场特效

网页中经常会有一些像动画那样的刷新效果,如卷动.百页窗等.这样的网页看起来会更有动感,不过也要注意适可而止,否则太花哨的变化也容易引起浏览者的反感. 效果说明 建立两个页面,并在两个页面之间建立超链接,当单击超链接时,即可以动画的形式进入到另一个页面,如图 40-1 所示.实际效果请欣赏随书光盘中< Dreamweaver MX 2004 100 例>目录下的<实例 40 -网页过渡特效>文件. 创作思想 打开 Dreamweaver MX 2004 软件,新建两个页面,然后分别为

使用Javascript制作连续滚动字幕

javascript 我们一般都用Marquee标签控制元素的滚动.但是单向的Marquee滚动是不连续的,每滚完一幕,就会出现一次空白.而下面介绍中的滚动则是连续的,毫不间断. 下面为你介绍这是如何实现的. 为了滚动能够"连续",我们需要将字幕的内容复制多遍,直到内容的高度不小于滚 动区高度的两倍.然后我们将溢出的滚动条隐藏掉,用代码控制滚动条向下移动(这时内容将向上移动).当滚动条滚动到最下方时,理论上不能再往下滚动了,于是我们立刻调整滚动条,将它向上滚动到一个和当前画面一样的位置

Dreamweaver如何制作网页漂浮广告?

  在制作之前请先下载flevPersistentDivs.mxp插件: 作法: 先在 Dreamweaver 插入一個圖層 然後將廣告圖片放在圖層裡面 最後,在 標籤上使用這個插件即可 真是好用的外掛 安裝後會放在行為→新增行為→RibbersZeewolde→Persistent Layers 因為是英文的,所以我就貼上我知道的功能. 使用方法: 1.先在網頁上放一個圖層,並取名. 2.使用此行為.若此行為不能用,表示您選錯物件了,請慢慢找可以用的地方唄. 3.用了後會出現下圖: Selec