站酷网页设计:网页中滚动字幕或图片代码详介

来源:百度文库 编辑:中财网 时间:2024/05/10 11:49:11
网页中滚动字幕或图片代码详介  4 推荐   网页中出现一些滚动字幕或滚动图片会使网页增效不少。下面就主要介绍一下有关滚动特效的代码:滚动内容   各参数详解:  1. ... 移动属性的设置 ,这种移动不仅仅局限于文字,也可以应用于图片,表格等等。 
 2.direction。表示滚动的方向,默认为从右向左:←←←。可选的值有right、down、up。滚动方向分别为:right表示→→→,up表示↑,down表示↓。
3.width和height,表示滚动区域的大小,width是宽度,height是高度。特别是在做垂直滚动的时候,一定要设height的值。
4.onMouseOut=start() ........鼠标移出状态滚动
      onMouseOver=stop() .........鼠标经过时停止滚动 
5.scrollAmount。它表示速度,值越大速度越快。如果没有它,默认为6,建议设为1~3比较好。
6.scrollDelay,这也是用来控制速度的,默认为90,值越大,速度越慢。通常scrollDelay是不需要设置的。
7.behavior,用它来控制属性,默认为循环滚动,可选的值有alternate(交替滚动)、slide(幻灯片效果,指的是滚动一次,然后停止滚动)
实例: A:建立第一个滚动字幕。代码:
我钟意网页树树
效果如: 我钟意网页树树
B:如何给滚动字幕加超链接?这跟平时的超链接是完全一样的。只要在文字外面加上就可以了。如下效果,代码是中央电视台,点击中央电视台就可以进入了:
中央电视台

C:如何制作当鼠标停留在文字上,文字停止滚动?
代码如:
文字内容
效果如:
文字内容

c)交替效果。代码如:
文字内容
效果如:
文字内容

D:多行文本向上滚动。代码如:
·早晨好啊!
·空气好清新啊
·今朝食乜好呢?

·中央电视台


效果如:
·早晨好啊!
·空气好清新啊
·今朝食乜好呢?

·中央电视台

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

E:改变滚动字幕的颜色?可以用样式表来控制。如下效果,代码是我钟意网页树树!
我钟意网页树树!

F:滚动图片也是同样道理,只是在图像链接、多张图片滚动是稍微不同。     为图片做超链接用包围,并且img必须设border=0,否则图片会出现蓝框。正确的例子如:
其中a href=表示超链接,这是最常用的。