为了方便大家的学习,我把一些滚动参数提供给大家,供您参考: 滚动元素 <MARQUEE> 附属属性 direction 滚动方向属性: 属性值可选 up(向上), down(向下), left(向左), right(向右) behavior 滚动方式属性: 属性值可选 scroll(循环滚动), slide(只进行一次滚动), alternate(交替进行滚动) scrollamount 滚动的速度属性,属性值为数值。 scrolldelay 滚动的延迟属性,属性值为数值。(每100为延迟0.1秒) loop 滚动的次数属性,属性值为数值。 width height 滚动的范围属性,属性值为数值。 bgcolor 滚动区域的背景颜色属性,属性值为颜色代码。 |
滚动的方向: up(向上)down(向下) left(向左)right(向右) |
<MARQUEE direction=up>网页课堂</MARQUEE> (向上up滚动) |
<MARQUEE direction=down>网页课堂</MARQUEE> (向下down滚动) |
代码:(效果如上) <MARQUEE direction=left>网页课堂</MARQUEE> (向左left滚动) |
代码:(效果如上) |
滚动方式: scroll(循环滚动)slide(只进行一次滚动)alternate(交替进行滚动) |
代码:(效果如上) <MARQUEE behavior=scroll>网页课堂</MARQUEE> (循环滚动 scroll) |
代码: <MARQUEE behavior=slide>网页课堂</MARQUEE> (只进行一次滚动) |
代码:(效果如上) <MARQUEE behavior=alternate>网页课堂</MARQUEE> (交替进行滚动) |
滚动速度: scrollamount=数值 滚动的速度属性,属性值为数值。 |
代码:(效果如上) <MARQUEE scrollamount=3>网页课堂</MARQUEE>(滚动的速度属性:为数值3) |
代码:(效果如上) <MARQUEE scrollamount=10>网页课堂</MARQUEE>(滚动的速度属性:为数值10) |
代码:(效果如上) |
滚动延迟: scrolldelay=数值 滚动的延迟属性,属性值为数值。(每100为延迟0.1秒) |
代码: <MARQUEE scrollamount=5 scrolldelay=200>网页课堂</MARQUEE>(延迟0.2秒) |
代码:(效果如上) <MARQUEE scrollamount=5 scrolldelay=500>网页课堂</MARQUEE> (延迟0.5秒) |
代码:(效果如上) <MARQUEE scrollamount=5 scrolldelay=1000>网页课堂</MARQUEE> (延迟1.0秒) |
滚动的次数: loop=数值 滚动的次数属性,属性值为数值 |
代码:(效果如上) <MARQUEE loop=5>网页课堂</MARQUEE> (滚动的次数属性为数值5次) |
代码:(效果如上) <MARQUEE loop=2>网页课堂</MARQUEE> (滚动的次数属性为数值2次) |
代码:(效果如上) <MARQUEE loop=10>网页课堂</MARQUEE> (滚动的次数属性为数值10次) |
滚动的范围: width=数值 height=数值 滚动的范围属性,属性值为数值。 |
代码:(效果如上) <MARQUEE width=100 height=50>网页课堂</MARQUEE>(滚动的范围属性:为数值、宽width=100和高height=50) |
滚动范围的背景色: bgcolor=###### 滚动区域的背景颜色属性,属性值为颜色代码。 |
代码:(效果如上) <MARQUEE width=300 height=50 bgcolor=#00ffff>网页课堂</MARQUEE>(动滚动区域的背景颜色属性,属性值为颜色代码bgcolor) |
图片的左右或是上下滚动: |
代码: <p align=center> 20target="_blank"% 20></MARQUEE><br> src="http://img.blog.163.com/photo/HyqYey34-A7T_QtQPsd4YA==/624592973321279417.jpg"% 20target="_blank"% 20></MARQUEE> (向上up滚动、向下down滚动) |
图片左右不停的滚动: |
代码: <MARQUEE scrollAmount=5 direction=right behavior=alternate width="600"> src="http://img.blog.163.com/photo/HyqYey34-A7T_QtQPsd4YA==/624592973321279417.jpg"% 20target="_blank"% 20></MARQUEE> (向右right滚动、交替进行滚动alternate) |
|
评论