html跑马灯效果代码加速,⽹页特效_跑马灯特效代码⼤全⼀实现跑马灯的⽅法很多,其中最简单的是采⽤⼀句Html代码来实现,我们在需要出现跑马灯效果的地⽅插⼊“滚动的⽂字”语句
适当的运⽤标签的参数,可以表现出不同的效果,请看下⾯的⼏个例⼦:
1、左右弹来弹去的跑马灯
实现的⽅法就是在IE的标签上稍微多加了⼏个参数产⽣了更加丰富的变化。设置behavior=alternate表⽰双向移动,direction=left表⽰运动⽅向向左。marquee的宽度可以使⽤绝对象素值,例如width=200等这个值限定了跑马灯滚动的范围。需要说明的是该效果在Netscape 下是看不到的。
源码:
弹来弹去跑马灯!
2、跑的很快的跑马灯
只要在标签内加上“scrollamount=30”参数即可。
3、带有超级链接的跑马灯
其实实现的⽅法很简单,把整个语句包含在超链接中就⾏,你看看下⾯的代码就清楚了。当然你也可以把包含在中的各条内容分别加上不同的链接,这样的跑马灯⽤来发布滚动新闻或是做站点导航再合适不过了。
源码粘贴框:
带有超链接的跑马灯!点我试试?
以上⼏个例⼦都是标签参数的应⽤,下⾯把所有可以利⽤的参数列在表中供你参考,不过还是要提醒你,标签只被IE所⽀持,使⽤Netscape浏览器是看不到的噢。
参数            ⽤法介绍html导航源码
behavior=scroll, slide, alternate      跑马⽅式:循环绕⾏,只跑⼀次就停住,来回往复运动
direction=left,right      跑马⽅向:从左向右,从右向左
loop=100          跑马次数:循环100次,如不写默认为⼀直循环
width=100%,height=200    跑马范围:宽为100%,⾼为200像素
scrollamount=20        跑马速度:数越⼤越快
scrolldelay=500        跑马延时:毫秒数,利⽤它可实现跃进式滚动
hspace=20,vspace=20     跑马区域与其它区域间的空⽩⼤⼩
bgcolor=#00FFCC       跑马区域的背景颜⾊
你已经看到,尽管参数不少,单毕竟不能实现复杂的和⾃定义的特殊跑马灯效果,⽽且还有浏览器限制,所以我们更多情况下会采⽤JavaScript来实现跑马灯,那就是我们下⼀个技巧的内容。
这⾥向你介绍⼏个⽤JavaScript实现的较复杂的跑马灯,你只须把源码粘贴框中的代码按照说明复制的指定的位置就能看到跑马灯的效果。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。