html文字滚动效果演示
来源:互联网 发布:saas平台数据库设计 编辑:程序博客网 时间:2024/06/08 20:02
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>文字滚动演示</title></head><body><P><MARQUEE onMouseOut="this.start()" onMouseOver="this.stop()" behavior="scroll" direction="left" scrollamount="10" scrolldelay="1">自己滚动吧自己滚动吧自己滚动吧自己滚动吧自己滚动吧自己滚动吧<BR>自己滚动吧自己滚动吧自己滚动吧自己滚动吧自己滚动吧<BR></MARQUEE></P><P><div><MARQUEE onMouseOut="this.start()" onMouseOver="this.stop()" behavior="scroll" direction="up" scrollamount="2" height="40px" scrolldelay="1">自己滚动吧自己滚动吧自己滚动吧自己滚动吧自己滚动吧自己滚动吧<BR>自己滚动吧自己滚动吧自己滚动吧自己滚动吧1自己滚动吧<BR>自己滚动吧自己滚动吧自己滚动吧自己滚动吧2自己滚动吧<BR>自己滚动吧自己滚动吧自己滚动吧自己3滚动吧自己滚动吧<BR>自己滚动吧自己滚动吧自己滚动4吧自己滚动吧自己滚动吧<BR>自己滚动吧自己滚动吧自己5滚动吧自己滚动吧自己滚动吧<BR>自己滚动吧自己滚动吧6自己滚动吧自己滚动吧自己滚动吧1<BR></MARQUEE></P>marquee语法<br /> <marquee></marquee><br /><br />实例一<br /><marquee>Hello, World</marquee><br /><br />marquee常用到的两个事件:<br />onMouseOut="this.start()" 当鼠标移出该区域时<br />onMouseOver="this.stop()" 当鼠标移入该区域时<br /><br />实例二<br /><marquee onMouseOut="this.start()" onMouseOver="this.stop()">marquee常用到的两个事件</marquee><br /><br />下面开始说一下marquee所支持的属性<br /><br />behavior设定滚动的方式:<br /> alternate:来回滚动。<br /> scroll: 重复滚动。<br /> slide: 不重复滚动。<p>代码如下:</p><p><marquee behavior="alternate">来回滚动。 </marquee></p><p><marquee behavior="scroll">重复滚动。</marquee></p><p><marquee behavior="slide">不重复滚动。</marquee></p><p><br /></p><p>bgcolor设定活动字幕的背景颜色。</p><p>代码如下:</p><p><marquee bgcolor="#006699">设定活动字幕的背景颜色</marquee></p><p><marquee bgcolor="RGB(10%,50%,100%,)">设定活动字幕的背景颜色 </marquee></p><p><marquee bgcolor="red">设定活动字幕的背景颜色</marquee></p><p><br /></p><p>direction设定活动字幕的滚动方向</p><p>代码如下:</p><p><marquee direction="down">设定活动字幕的滚动方向向下</marquee></p><p><marquee direction="left">设定活动字幕的滚动方向向左</marquee></p><p><marquee direction="right">设定活动字幕的滚动方向向右</marquee></p><p><marquee direction="up">设定活动字幕的滚动方向向上</marquee></p><p><br /></p><p>height设定活动字幕的高度</p><p>代码如下:</p><p><marquee height="500" direction="down" bgcolor="#CCCCCC">设定活动字幕的高度</marquee></p><p><br /></p><p>width设定活动字幕的宽度</p><p>代码如下:</p><p><marquee width="500" bgcolor="#CCCCCC">设定活动字幕的宽度</marquee></p><p><br /></p><p>loop设定滚动的次数,当loop=-1表示一直滚动下去,默认为-1</p><p>代码如下:</p><p><marquee loop="-1" bgcolor="#CCCCCC">我会不停地走。</marquee></p><p><marquee loop="2" bgcolor="#CCCCCC">我只走两次哦</marquee></p><p><br /></p><p>scrollamount设定活动字幕的滚动速度,单位pixels</p><p>代码如下:</p><p><marquee scrollamount="10" >scrollamount="10" </marquee></p><p><marquee scrollamount="20" >scrollamount="20" </marquee></p><p><marquee scrollamount="30" >scrollamount="30" </marquee></p><p><br /></p><p>scrolldelay设定活动字幕滚动两次之间的延迟时间,单位millisecond(毫秒)</p><p>值大了会有一步一停顿的效果</p><p>代码如下:</p><p><marquee scrolldelay="10" >scrolldelay="10" </marquee></p><p><marquee scrolldelay="100" > scrolldelay="100"</marquee></p><p><marquee scrolldelay="1000">scrolldelay="1000" </marquee></p></body></html>
阅读全文
0 0
- html文字滚动效果演示
- 关于html文字滚动效果
- html之marquee实现图片文字滚动效果详解
- 纯html版+jq版文字滚动效果
- 页面文字滚动效果
- 文字向上滚动效果
- 文字滚动效果
- js 文字滚动效果。
- 文字向上滚动效果
- 文字横向滚动效果
- javascript 文字滚动效果
- 文字滚动效果
- 橱窗文字滚动效果
- Jquery文字滚动效果
- 文字滚动显示效果
- 文字滚动切换效果
- 文字横向滚动效果
- Html 文字滚动
- Program source---pthread
- Android 光标只显示一次。
- 在Unity中使用DragonBones运行库
- SpringMVC之HttpMessageConverter&RestTemplate笔记(二)
- Sencha touch学习
- html文字滚动效果演示
- 记录一个cors nginx跨域配置
- 刷清橙OJ--A1031.画三角形1
- jquery封装插件的方法(转)
- mysql 别名delete
- ERP培训感悟:最好的服务并不是授人以鱼,而是授人以渔
- 33款可用来抓数据的开源爬虫软件工具
- 在51单片机上使用DHT11测温湿度
- 文件名