html怎么让一行文字有滚动的效果,HTML标签marquee实现滚动效果

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中即可，上述代码写为：

document.write('

·早晨好啊！

·空气好清新啊

·今朝食乜好呢？

·中央电视台

/*参考资料：

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

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

iframe框架里镶嵌页面；&lt&semi;marquee&gt&semi;：滚动效果；&lt&semi;mark&gt&semi;做标记；内联、内嵌、外联；选择器

标签:①②③④⑤⑥⑦★ 框架: 一.frameset:(框架集) 1.如果使用框架集,当前页面不能有body 2.cols="300,*":左右拆分,左边宽300,右边宽剩余 3. ...

JS魔法堂：通过marquee标签实现信息滚动效果

一.前言有限的空间展现无限的内容,这是滚动最常用到的地方.根据信息滚动效果我们可以有很多的实现方式,但HTML自带的 marquee标签是其中一个较简单的实现方式.下面记录一下,供日后查阅. ...

IOS UIScrollView + UIButton 实现segemet页面和顶部标签页水平滚动效果

很长一段时间没有写博客了,最近在学习iOS开发,看了不少的代码,自己用UIScrollView和UIButton实现了水平滚动的效果,有点类似于今日头条的主界面框架,效果如下: 代码如下: MyScr ...

html标签marquee实现走马灯效果(文字浮动)

marquee标签实现文字或图片的移动效果文字

借助marquee实现弹幕效果

HTML标签marquee实现滚动效果 .基于此,实现简易版弹幕: HTML

marquee标签实现页面内容的滚动效果

页面的自动滚动效果,可由javascript来实现, 但是有一个html标签 - 可以实现多种滚动效果,无需js控制. 使用marquee ...

html的&lt&semi;marquee&gt&semi;&lt&semi;/marquee&gt&semi;标签实现滚动效果

页面的自动滚动效果,可由javascript来实现,但是今天无意中发现了一个html标签 - 可以实现多种滚动效果,无需js控制. 使用m ...

marquee标签实现跑马灯效果--无缝滚动

今天在做微信端的大转盘抽奖时,想把所有用户的抽奖记录做成无缝滚动的效果,无奈我的js功底太差,一时想不出实现的方法,便百度各种相似效果.但无意中发现了一个html标签—— ...

HTML中的marquee标签实现滚动效果

一.标签简介通过开始标签和结束标签的共同配合而实现滚动效果,滚动的内容&lt ...

随机推荐

codevs 3143 二叉树的序遍历

传送门 Description 求一棵二叉树的前序遍历,中序遍历和后序遍历 Input 第一行一个整数n,表示这棵树的节点个数. 接下来n行每行2个整数L和R.第i行的两个整数Li和Ri代表编号为i的 ...

Android自定义控件实战——水流波动效果的实现WaveView

转载请声明出处http://blog.csdn.net/zhongkejingwang/article/details/38556891 水流波动的波形都是三角波,曲线是正余弦曲线,但是Android ...

C&num; 语言规范&lowbar;版本5&period;0 (第4章类型)

1. 类型 C# 语言的类型划分为两大类:值类型 (Value type) 和引用类型 (reference type).值类型和引用类型都可以为泛型类型 (generic type),泛型类型采用一 ...

自学Zabbix3&period;8&period;3-可视化Visualisation-Screens

自学Zabbix3.8.3-可视化Visualisation-Screens 在Zabbix屏幕上,您可以将来自不同来源的信息分组,以快速浏览单个屏幕.构建屏幕非常简单直观.本质上,屏幕是一个表.您可 ...

Redis基本使用及百亿数据量中的使用技巧分享(附视频地址及观看指南)

html怎么让一行文字有滚动的效果,HTML标签marquee实现滚动效果相关推荐

html自动滚动效果,HTML标签marquee实现滚动效果的简单方法(必看)
页面的自动滚动效果,可由javascript来实现,但是今天无意中发现了一个html标签 - 可以实现多种滚动效果,无需js控制. 使用marquee标记不仅可以移动文字,也可以移动图片,表格等. 语 ...
html marquee滚动效果,HTML标签marquee实现滚动效果(示例代码)
页面的自动滚动效果,可由javascript来实现,但是今天无意中发现了一个html标签 - 可以实现多种滚动效果,无需js控制. 使用marquee标记不仅可以移动文字,也可以移动图片,表格等. 语 ...
HTML5 - 文字跑马灯标签(marquee)屏幕滚动文字
属性 <marquee> </marquee> 标签有以下属性可选,在使用务必测试好各浏览器兼容性. 属性描述 behavior 设置文本在 marquee 元素内如何滚动. ...
html制作滚动游戏,HTML标签marquee实现滚动效果的简单方法(必看)
页面的自动滚动效果,可由javascript来实现,但是今天无意中发现了一个html标签 - 可以实现多种滚动效果,无需js控制. 使用marquee标记不仅可以移动文字,也可以移动图片,表格等. 语 ...
HTML中marquee实现图片滚动,HTML标签marquee实现滚动效果(示例代码)
页面的自动滚动效果,可由javascript来实现,但是今天无意中发现了一个html标签 - 可以实现多种滚动效果,无需js控制. 使用marquee标记不仅可以移动文字,也可以移动图片,表格等. 语 ...
HTML标签marquee实现滚动效果
页面的自动滚动效果,可由javascript来实现,但是今天无意中发现了一个html标签 - 可以实现多种滚动效果,无需js控制. 使用marquee标记不仅可以移动文字,也可以移动图片,表格等. 语 ...
html怎么让一行文字有滚动的效果,网页HTML代码：滚动文字的制作
本节笔者讲述HTML代码中比较特殊的标签,它能使网页中的文字滚动,并且可以控制其滚动的属性. 制作滚动文字通过本章前面的学习,读者已经能够很好地控制各种段落文字的显示方式,不过无论怎么设置,文字都是 ...
创建一个简单的应用程序窗口，显示“欲穷千里目更上一层楼”。这一行文字从窗口中向左滚动显示，而且每显示一轮，改变一次颜色，改变一次字体，一个周期为4种颜色，分别为红、绿、黄、蓝，四种字体分别为宋体、楷
创建一个简单的应用程序窗口,显示"欲穷千里目更上一层楼".这一行文字从窗口中向左滚动显示,而且每显示一轮,改变一次颜色,改变一次字体,一个周期为4种颜色,分别为红.绿.黄.蓝,四 ...
html 控制文字的标签,html里面有一个控制文字滚动的标签marquee，比较有用。
简介这篇文章主要介绍了html里面有一个控制文字滚动的标签marquee,比较有用.以及相关的经验技巧,文章约3183字,浏览量161,点赞数4,值得参考! 本节笔者讲述HTML代码中比较特殊的标签, ...
html里面有一个控制文字滚动的标签marquee，比较有用。
本节笔者讲述HTML代码中比较特殊的标签,它能使网页中的文字滚动,并且可以控制其滚动的属性. 制作滚动文字通过本章前面的学习,读者已经能够很好地控制各种段落文字的显示方式,不过无论怎么设置,文字 ...

html怎么让一行文字有滚动的效果,HTML标签marquee实现滚动效果

html怎么让一行文字有滚动的效果,HTML标签marquee实现滚动效果相关推荐

最新文章

热门文章