网页设计之图片滚动特效.docx
- 文档编号:17717070
- 上传时间:2023-08-03
- 格式:DOCX
- 页数:7
- 大小:83.72KB
网页设计之图片滚动特效.docx
《网页设计之图片滚动特效.docx》由会员分享,可在线阅读,更多相关《网页设计之图片滚动特效.docx(7页珍藏版)》请在冰点文库上搜索。
网页设计之图片滚动特效
图片移动特效———图片水平向左循环移动
:
让网页文字动起来
Marquee标签滚动文本。
格式如下:
属性:
ALIGN:
用于按设定的值对齐滚动的文本。
ALIGN可以设定的值有:
LEFT,CENTER,RIGHT,TOP,BOTTOM。
此属性不是必须使用的。
例:
BEHAVIOR:
可以在页面上一旦出现文本时让浏览器按照设定的方法来处理文本。
如果设定的方法是SLIDE,那么文本就移动到文档上,并停留在页边距上。
如果设定为ALTERNATE,则文本从一边移动到另一边。
如果设定为SCROLL,文本将在页面上反复滚动。
本属性不是必须使用的。
可以设定的值有:
SILIDE,ALTERNATE,SCROLL。
例:
BGCOLOR:
用于设定文字的背景颜色。
背景颜色可用RGB、16进制值的格式或颜色名称来设定。
例:
DIRECTION:
用于设定文本滚动的方向,可以设定的值有:
LEFT,RIGHT。
此属性不是必须使用的。
例:
HEIGHT:
用于设定滚动文字的高度,高度可用像素或可视页面的百分比来表示。
此属性不是必须使用的。
例:
WIDTH:
用于设定文字的宽度,宽度可用像素或可视页面的百分比来表示。
此属性不是必须使用的。
例:
HSPACE:
用于设定滚动文字左右的空白空间,空白空间用像素表示。
此属性不是必须使用的。
例:
VSPACE:
用于设定滚动文字上下的空白空间,空白空间用像素表示。
此属性不是必须使用的。
例:
LOOP:
用于设定滚动文字的滚动次数。
当LOOP的值为"INFINITE"或是"-1"时,则文字会无限制地滚动。
此属性不是必须使用的。
例:
SCROLLAMOUNT:
用于设定每个连续滚动文本后面的间隔,该间隔用像素表示。
此属性不是必须使用的。
例:
SCROLLDELAY:
用于设定两次滚动操作之间的间隔时间,该时间以毫秒为单位。
此属性不是必须使用的。
例:
ONMOUSEOUT=this.start():
用来设置鼠标移出该区域时继续滚动
ONMOUSEOVER=this.stop():
用来设置鼠标移入该区域时停止滚动
-------------------------------------------------------------
1pxsolid;PADDING-RIGHT: 1px;BORDER-TOP: 1pxsolid;PADDING-LEFT: 1px;PADDING-BOTTOM: 1px;BORDER-LEFT: 1pxsolid;LINE-HEIGHT: 20px;PADDING-TOP: 1px;BORDER-BOTTOM: 1pxsolid"borderColor=#99ccffbgColor=#000000colSpan=2height=393> -5px;MARGIN-BOTTOM: -5px;LINE-HEIGHT: 100%"> 0px;MARGIN-BOTTOM: 0px;LINE-HEIGHT: 100%">
------------------------------------------------------------
基本语法
文字移动属性的设置
方向
方式
循环
3趟
速度
延时
外观(Layout)设置
对齐方式(Align)
底色
Black,Olive,Teal,Red,Blue,Maroon,Navy,Gray,Lime,
Fuchsia,White,Green,Purple,Silver,Yellow,Aqua
面积
空白
(Margins)
补充一个无缝连接的循环滚动
for(t=1;t<=1000;t++)
document.write("文字")
另一种实现无缝连接循环滚动得方法
hidden;height: 100pxwidth: 100px>
demo2.innerHTML=demo1.innerHTML functionnudeangelMarquee(){ if(demo2.offsetTop-demo.scrollTop<=0) demo.scrollTop-=demo1.offsetHeight else demo.scrollTop++ } varrepeat=setInterval(nudeangelMarquee,50); demo.onmouseover=function(){clearInterval(repeat);} demo.onmouseout=function(){repeat=setInterval(nudeangelMarquee,50);} -----------------------------------------------------------
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页 设计 图片 滚动 特效