登录  /  注册
HTML标签marquee实现滚动效果_html/css_WEB-ITnose
php中文网
发布: 2016-06-24 11:19:50
原创
1114人浏览过

html标签 - 可以实现多种滚动效果,无需js控制。使用marquee标记不仅可以移动文字,也可以移动图片,表格等.只需要在内部输入要滚动的内容即可。

一、标签属性

1.滚动方向direction(包括4个值:up、 down、 left和 right)

  语法:...

2.滚动方式behavior(scroll:循环滚动,默认效果; slide:只滚动一次就停止; alternate:来回交替进行滚动)

  语法:...

3.滚动速度scrollamount(滚动速度是设置每次滚动时移动的长度,以像素为单位;如果没有它,默认为6,建议设为1~3比较好。)

  语法:...

4.滚动延迟scrolldelay(设置滚动的时间间隔,单位是毫秒,通常scrolldelay是不需要设置的。)

  语法:...

5.滚动循环loop(默认值是-1,滚动会不断的循环下去)

  语法:...

6.滚动范围width、height

7.滚动背景颜色bgcolor

8.空白空间hspace、vspace

二、事件

1.onmouseout()=“this.start()”:用来设置鼠标移出改区域时继续滚动

2.onmouseover()=“this.stop()”:用来设置鼠标移入改区域时停止滚动

三、实例

1.给滚动字幕添加超链接

中央电视台
登录后复制

2.鼠标停留在文字上,文字停止滚动

文字内容
登录后复制

3.多行文本向上滚动

·早晨好啊!
·空气好清新啊
·今朝食乜好呢?

·中央电视台

  
登录后复制

  注意:如果你的网页经过了FrontPage编辑,保存之后,只能滚动一行,这时候你发现你原来的代码顺序已经变了,My god!解决的办法是,找出原来的代码,把它嵌入到JavaScript的document.write中即可,上述代码写为:

                    
登录后复制

/*参考资料:

*1.http://www.cnblogs.com/mountain-mist/articles/975781.html

*2.http://www.cnblogs.com/zzuIvy/p/marqueeTest_1.html

*/

来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 技术文章
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2023 //m.sbmmt.com/ All Rights Reserved | 苏州跃动光标网络科技有限公司 | 苏ICP备2020058653号-1

 | 本站CDN由 数掘科技 提供

登录PHP中文网,和优秀的人一起学习!
全站2000+教程免费学