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./mountain-mist/articles/975781.html
*2./zzuIvy/p/marqueeTest_1.html
*/
iframe框架里镶嵌页面;<;marquee>;:滚动效果;<;mark>;做标记;内联、内嵌、外联;选择器
标签:①②③④⑤⑥⑦★ 框架: 一.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的<;marquee>;<;/marquee>;标签实现滚动效果
页面的自动滚动效果,可由javascript来实现,但是今天无意中发现了一个html标签 - 可以实现多种滚动效果,无需js控制. 使用m ...
marquee标签实现跑马灯效果--无缝滚动
今天在做微信端的大转盘抽奖时,想把所有用户的抽奖记录做成无缝滚动的效果,无奈我的js功底太差,一时想不出实现的方法,便百度各种相似效果.但无意中发现了一个html标签—— ...
HTML中的marquee标签实现滚动效果
一.标签简介 通过开始标签和结束标签的共同配合而实现滚动效果,滚动的内容< ...
随机推荐
codevs 3143 二叉树的序遍历
传送门 Description 求一棵二叉树的前序遍历,中序遍历和后序遍历 Input 第一行一个整数n,表示这棵树的节点个数. 接下来n行每行2个整数L和R.第i行的两个整数Li和Ri代表编号为i的 ...
Android自定义控件实战——水流波动效果的实现WaveView
转载请声明出处/zhongkejingwang/article/details/38556891 水流波动的波形都是三角波,曲线是正余弦曲线,但是Android ...
C# 语言规范_版本5.0 (第4章 类型)
1. 类型 C# 语言的类型划分为两大类:值类型 (Value type) 和引用类型 (reference type).值类型和引用类型都可以为泛型类型 (generic type),泛型类型采用一 ...
自学Zabbix3.8.3-可视化Visualisation-Screens
自学Zabbix3.8.3-可视化Visualisation-Screens 在Zabbix屏幕上,您可以将来自不同来源的信息分组,以快速浏览单个屏幕.构建屏幕非常简单直观.本质上,屏幕是一个表.您可 ...
Redis基本使用及百亿数据量中的使用技巧分享(附视频地址及观看指南)