189 8069 5689

怎么用marquee元素实现滚动字体与图片的效果

这篇文章主要介绍了怎么用marquee元素实现滚动字体与图片的效果,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。

让客户满意是我们工作的目标,不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户,将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴,公司提供的服务项目有:域名注册、网页空间、营销软件、网站建设、南昌网站维护、网站推广。

marquee元素可以实现简单的字体(图片等)的滑动等效果:

#div01{

width:500px;

}

www.baidu.com111

www.baidu.com222

www.baidu333.com

www.baidu444.com

www.baidu.com555

m4.stop

m4.start

direction表示滚动的方向,值可以是left,right,up,down,默认为left

behavior表示滚动的方式,值可以是scroll(连续滚动)slide(滑动一次)alternate(来回滚动)

loop表示循环的次数,值是正整数,默认为无限循环

scrollamount表示运动速度,值是正整数,默认为6

scrolldelay表示停顿时间,值是正整数,默认为0,单位似乎是毫秒

align表示元素的垂直对齐方式,值可以是top,middle,bottom,默认为middle

bgcolor表示运动区域的背景色,值是16进制的RGB颜色,默认为白色

height、width表示运动区域的高度和宽度,值是正整数(单位是像素)或百分数,默认width=100%height为标签内元素的高度

hspace、vspace表示元素到区域边界的水平距离和垂直距离,值是正整数,单位是像素。

onmouseover=this.stop()onmouseout=this.start()表示当鼠标以上区域的时候滚动停止,当鼠标移开的时候又继续滚动。

以下是设置点击按钮时m3、m4的滚动或停止:

m4.stop

m4.start

感谢你能够认真阅读完这篇文章,希望小编分享的“怎么用marquee元素实现滚动字体与图片的效果”这篇文章对大家有帮助,同时也希望大家多多支持创新互联,关注创新互联行业资讯频道,更多相关知识等着你来学习!


网站栏目:怎么用marquee元素实现滚动字体与图片的效果
文章起源:http://cdxtjz.cn/article/jshhoi.html

其他资讯