dreamweaver教程:怎么制作网页滚动字幕
滚动字幕在FrontPage的组件里有,FrontPage这个软件只能支持单行文字,一出现多行文字它就无能为力了,而且它只能支持一行滚动!(如果出现只能滚动一行的情况,解决办法是把这段代码嵌入到JavaScript的document.write里面,请看狼蚁网站SEO优化例的详细说明)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://.jb51.>狼蚁SEO</a></marquee> |
点击狼蚁SEO就可以进入了
狼蚁SEO
b)如何制作当鼠标停留在文字上,文字停止滚动?
代码如
以下是引用片段 <marquee scrollAmount=2 width=300 onmouseover=s() 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://.jb51.>狼蚁SEO</a></marquee> |
·注意如果你的网页经过了FrontPage编辑,保存之后,只能滚动一行,这时候你发现你原来的代码顺序已经变了,My god!解决的办法是,找出原来的代码,把它嵌入到JavaScript的document.write中即可,上述代码写为
以下是引用片段 <marquee scrollAmount=2 width=300 height=160 direction=up>·早晨好啊!<br>·空气好清新啊<br>·今朝食乜好呢?<p>·<a href=https://.jb51.>狼蚁SEO</a></marquee> |
由上可以看出,HTML代码是可以随意组合的,功能强大!
长沙网站设计
- 如何自己建一个网站 自己想建个网站,怎么建
- 如何制作网站免费建站 创建网站免费注册
- html简单网页代码 html简单网页代码超链接
- dreamweaver网页制作 dreamweaver网页制作模板
- 上海网站建设 上海网站建设制作微信
- 如何制作网站和网页 如何制作一个网页
- html网页制作代码大全 端午节html网页制作代码大
- app开发公司 app开发公司前十名
- html网页制作 html网页制作文字居中
- app制作一个需要多少钱 请人制作一个app多少钱
- 成都网站制作 成都网站制作维护
- 百度建一个网站多少钱 百度做个公司网站要多少
- html+css网页制作成品 web网页制作成品css+javascrip
- html网页制作案例 html网页设计案例
- html+css网页制作成品 web网页制作成品css+javascrip
- 个人网站模板 个人网站模板HTML