1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > html跑马灯效果代码加速 网页特效_跑马灯特效代码大全一

html跑马灯效果代码加速 网页特效_跑马灯特效代码大全一

时间:2021-08-01 19:06:36

相关推荐

html跑马灯效果代码加速 网页特效_跑马灯特效代码大全一

实现跑马灯的方法很多,其中最简单的是采用一句Html代码来实现,我们在需要出现跑马灯效果的地方插入“滚动的文字”语句

适当的运用标签的参数,可以表现出不同的效果,请看下面的几个例子:

1、左右弹来弹去的跑马灯

实现的方法就是在IE的标签上稍微多加了几个参数产生了更加丰富的变化。设置behavior=alternate表示双向移动,direction=left表示运动方向向左。marquee的宽度可以使用绝对象素值,例如width=200等这个值限定了跑马灯滚动的范围。需要说明的是该效果在Netscape下是看不到的。

源码:

弹来弹去跑马灯!

2、跑的很快的跑马灯

只要在标签内加上“scrollamount=30”参数即可。

3、带有超级链接的跑马灯

其实实现的方法很简单,把整个语句包含在超链接中就行,你看看下面的代码就清楚了。当然你也可以把包含在中的各条内容分别加上不同的链接,这样的跑马灯用来发布滚动新闻或是做站点导航再合适不过了。

源码粘贴框:

带有超链接的跑马灯!点我试试?

还有一条呢!点我试试?

以上几个例子都是标签参数的应用,下面把所有可以利用的参数列在表中供你参考,不过还是要提醒你,标签只被IE所支持,使用Netscape浏览器是看不到的噢。

参数用法介绍

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实现的较复杂的跑马灯,你只须把源码粘贴框中的代码按照说明复制的指定的位置就能看到跑马灯的效果。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。