滚动图片，滚动文字，滚动任何东西

可将以下代码经过修改文字后拷贝到您的个性模板源码中或某篇文章的源码中。

1.代码：
<marquee scrollAmount=2 width=300>我是nancy</marquee>

2.各参数详解：
a)scrollAmount。它表示速度，值越大速度越快。如果没有它，默认为6，建议设为1～3比较好。
b)width和height，表示滚动区域的大小，width是宽度，height是高度。特别是在做垂直滚动的时候，一定要设height的值。
c)direction。表示滚动的方向，默认为从右向左：←←←。可选的值有right、down、up。滚动方向分别为：right表示→→→，up表示↑，down表示↓。
d)scrollDelay，这也是用来控制速度的，默认为90，值越大，速度越慢。通常scrollDelay是不需要设置的。
e)behavior。用它来控制属性，默认为循环滚动，可选的值有alternate(交替滚动)、slide(幻灯片效果，指的是滚动一次，然后停止滚动)

3.实例：
a)如何给滚动字幕加超链接？这跟平时的超链接是完全一样的。只要在文字外面加上<a href=***>和</a>就可以了。如下效果，代码是<marquee scrollAmount=2 width=300><a href=http://www.cctv.com>中央电视台</a></marquee>，点击中央电视台就可以进入了：
b)如何制作当鼠标停留在文字上，文字停止滚动？
代码如：
<marquee scrollAmount=2 width=300 οnmοuseοver=stop() οnmοuseοut=start()>文字内容</marquee>
c)交替效果。代码如：
<marquee scrollAmount=2 width=99 behavior=alternate>文字内容</marquee>
d)多行文本向上滚动。代码如：
<marquee scrollAmount=2 width=300 height=160 direction=up>?早晨好啊！<br>?空气好清新啊<br>?今朝食乜好呢？<p>?<a href=http://www.cctv.com>中央电视台</a></marquee>

?注意：如果你的网页经过了FrontPage编辑，保存之后，只能滚动一行，这时候你发现你原来的代码顺序已经变了，My god！解决的办法是，找出原来的代码，把它嵌入到JavaScript的document.write中即可，上述代码写为：
<script>document.write('<marquee scrollAmount=2 width=300 height=160 direction=up>?早晨好啊！<br>?空气好清新啊<br>?今朝食乜好呢？<p>?<a href=http://www.cctv.com>中央电视台</a></marquee>')</script>

e)改变滚动字幕的颜色？可以用样式表来控制。如下效果，代码是<marquee scrollAmount=2 width=300><a style=color:CC6600>我是nancy</a></marquee>。

由上可以看出，HTML代码是可以随意组合的。

滚动图片，滚动文字，滚动任何东西相关推荐

图片滚动html设置圆圈,在网页中添加滚动图片（文字和其它对象）的方法
在网页中添加滚动图片(文字和其它对象)的方法 (2006-04-13 15:31:51) 分类: 记滚动内容 Direction 参数可设置:up down left right (控制滚动方向) ...
dw自动滚动图片_Dreamweaver连续滚动图片的制作
该楼层疑似违规已被系统折叠隐藏此楼查看此楼横向不间断连续滚动图片,将下面代码放到你要显示的位置 //more javascript from http://www.smallrain.net do ...
html5 文字向下滚动,HTML5实现文字滚动
充值公告:首充100送1元 1.滚动方向属性 direction 该属性的滚动方向可以设置四个值:up(文字向上).down(文字向下).left(文字向左).right(文字向右). 2.滚动方式属 ...
如何用matlab实现文字动态滚动,js 动态文字滚动的例子
这是一个动态JavaScript文字显示的例子 var POSITION = 50; var DELAY = 150; var MESSAGE = "这是一个动态JavaScript文字显示 ...
滚动图片电视背景滚动图片效果 IPTV桌面滚动图片效果图片倒影滚动广告图
文章内容 ViewFlipper简单使用图片倒影遥控器左右键切换图片 Demo地址我又没钱买奔驰,我也来谈996,再说我又不是刘*东,也没法带这些996的兄弟们一起到国外去喝奶茶.不对不对,跑题 ...
html滚动图片代码加文字,HTML代码制作滚动文字
这篇文章主要介绍了关于HTML代码制作滚动文字,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下本节笔者讲述HTML代码中比较特殊的标签,它能使网页中的文字滚动,并且可以控制其滚动的属性 ...
html 控制文字的标签,html里面有一个控制文字滚动的标签marquee，比较有用。
简介这篇文章主要介绍了html里面有一个控制文字滚动的标签marquee,比较有用.以及相关的经验技巧,文章约3183字,浏览量161,点赞数4,值得参考! 本节笔者讲述HTML代码中比较特殊的标签, ...
HTML学生个人网站作业设计：宠物网站设计——狗狗带文字滚动图片滚动带视频带音乐带留言表单
Web前端开发技术描述网页设计题材,DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业 | 宠物网页设计 | 保护动物网页 | 鲸鱼海豚主题 | 保护大象 | 等网站的设计与制作 | ...
html图片加滚动文字,滚动文字、图片等html代码
1.代码: 我是nancy 2.各参数详解: a)scrollAmount.它表示速度,值越大速度越快.如果没有它,默认为6,建议设为1-3比较好. b)width和height,表示滚动区域的大小, ...
各种图片、文字无缝滚动
1.文字的无缝向上滚动 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:/ ...

滚动图片，滚动文字，滚动任何东西

滚动图片，滚动文字，滚动任何东西相关推荐

最新文章

热门文章