[前端] marquee使用

先上代码：

<marquee behavior="alternate" direction="left" scrollamount="5" loop="-1" onmouseover="this.stop()" onmouseout="this.start()"><a href="">hello</a><a href="">hello</a><a href="">hello</a><a href="">hello</a><a href="">hello</a><a href="">hello</a>
</marquee>

后上介绍：

marquee
功能：
使文字或者图片等产生移动效果
语法：

<marquee loop="value1" behavior="value2" ....> displaydata </marquee>

注<marquee>是成对标记

truespeed 未知意义

loop
设定跑马灯的次数

behavior
设定走动方式
① scroll 跑到尽头后再重新开始(默认)
② slide 跑完一次就不跑了
③ alternate 以左右来回移动的方式跑

direction
设定跑马灯移动方向
① left 从右向左(默认方式)
② right 从左向右

scrolldelay
设定移动速度,用来设定延迟时间
数值越大,速度越慢(默认为90)
单位以毫秒来计算

scrollamount
设定移动速度,跑马灯移动距离
数值越大,速度越慢(默认为6)
以移动的pixel为单位

width
调整跑马灯的宽度

height
调整跑马灯的高度

bgcolor
设定跑马灯的背景颜色

<MARQUEE> 只适用于 IE ，叫做"跑马灯" 如 Status Bar 的那种，意指走动或卷动的文字，其参数设定比较多。
<marquee behavior="SCROLL" direction="LEFT" bgcolor="#0000FF" height="30" width="150" hspace="0" vspace="0" loop="INFINITE" scrollamount="30" scrolldelay="500">Hello</marquee>

behavior="SCROLL"
决定文字的卷动方式，可选值为：
SCROLL 一般卷动，是内定值。
SLIDE 如幻灯片，一格格的，文字一接触左边便全消失。
ALTERNATE 文字向左右两边撞来撞去。

direction="LEFT"
设定文字設定文字的卷动方向，LEFT 表示向左，是内定值，RIGHT表示向右。

bgcolor="#0000FF"
设定文字卷动范围的背景颜色，颜色值可参考【调色原理】。

height="30" width="150"
>设定文字卷动范围，可采用相对或绝对，如 30% 或 30 等，单位为像素。

hspace="0" vspace="0"
设定文字的水平及垂直空白位置。

loop="INFINITE"
设定文字卷动次数，其值可以是正整数或 INFINITE，INFINITE 是默认值，表示无限次。

scrollamount="30"
每「格」文字间的间隔，单位是像素。

scrolldelay="500"
文字卷动的停顿时间，单位是毫秒。

欢迎关注技术开发分享录：http://fenxianglu.cn/

[前端] marquee使用相关推荐

前端小白--marquee无缝滚动
本文主要是通过原生js实现无缝滚动marquee ###案例图片 Tips:早期的css不过优雅,所以如需引用自行完善 ####前端代码 <!DOCTYPE html> <html ...
html marquee初始空白_前端开发必会的HTML/CSS硬知识
文/小魔女 1 本文简介面试大厂,HTML/CSS,JS,网络基础这三块硬知识是必不可少的我整理了一些备考笔记,分享给大家初中级前端到高级前端的蜕变,从基础知识开始~ 2 块元素和行元素 2.1 ...
前端vue实现广告条左右上下滚动，一个marquee标签就完事
通过标签marquee实现的效果如下: 代码如下: marquee标签属性使用如下: behavior: 设置文本如何滚动.属性值有3种: scroll - 循环滚动.默认值. slide - 滚动一 ...
Web前端上万字的知识总结
下面是自己学HTML+DIV+CSS+JS时的学习笔记,给大家分享以下,相互学习.大二时候寒假在家无聊的时候想做点事,总结了一下web前端基础的东西,下面的每个字都是自己手敲的. 1.<html ...
LVS集群---做前端调度器搭建使用
LVS集群--->在这里做前端调度器搭建使用,工作模式用的LVS-nat和LVS-dr. ++++++++++++++++++++++++++++++++++++++++++++++++++++ ...
web前端【第九篇】JS的DOM对象三
一.JS中for循环遍历测试 for循环遍历有两种第一种:是有条件的那种,例如 for(var i = 0;i<ele.length;i++){} 第二种:for (var i in l ...
Web前端三剑客之HTML基础
文章目录常识简介 HTML元素语法 HTML文档规范页面头部元素元信息元素设定网页关键字: 设定网页描述信息: 设置网页字符集: 设定网页自动刷新: 切记: 页面主体元素设置网页文字和背景 ...
《Web前端开发最佳实践》——1.2　Web前端开发现状
本节书摘来自华章计算机<Web前端开发最佳实践>一书中的第1章,第1.2节,作者:党建更多章节内容可以访问云栖社区"华章计算机"公众号查看. 1.2 Web前端开发 ...
前端小白也能快速学会的博客园博客美化全攻略
前端小白也能快速学会的博客园博客美化全攻略 A呦V,博客园er的自我修养是什么?第一条,别只顾收藏和偷师呀,记得点"推荐"或关注本人喔~ 美化方法论简介一般而言,需要选一个默认的 ...

[前端] marquee使用

[前端] marquee使用相关推荐

最新文章

热门文章