秋风网络工作室
您的位置:秋风网络工作室 >> 资 讯 >> 常用代码 >> 浏览文章

常用代码

News

marquee属性所有参数 左右、上下、来回滚动


marquee这个代码虽然不是经常用,但是偶尔也会用到,因为用的时候比较少,所以marquee的一些参数总是记不住,今天就把与marquee的属性代码整理一下分享给大家。

滚动方向
<marquee direction="left">从右向左滚动</marquee>
<marquee direction="right">从右向右滚动</marquee>
<marquee direction="up">从右向上滚动</marquee>
<marquee direction="down">从右向下滚动</marquee>

鼠标属性
<marquee onMouseOut="this.start()" >鼠标移出状态滚动</marquee>
<marquee onMouseOver="this.stop()" >鼠标经过时停止滚动</marquee>

滚动方式
<marquee behavior="scroll">一圈一圈绕着滚动</marquee>
<marquee behavior="slide">只走一圈就不滚动了</marquee>
<marquee behavior="alternate">左右来回滚动</marquee>

循环次数
<marquee loop="3">只滚动3次</marquee>

速度与延时
<marquee scrolldelay="20" scrollamount="2">滚动速度可以自己修改数值调试</marquee>
注释:scrollamount=速度 、 scrolldelay=延时

空白(间距)
<marquee hspace="10" vspace="40">这2个属性类似padding样式</marquee>
注释:hspace=左右间距 、 vspace=上下间距

背景颜色
<marquee bgcolor="#FFFFFF">白色背景</marquee>

面积尺寸
<marquee width="50%" height="30">宽50%,高30像素</marquee>

以上就是marquee常用属性,使用时把你需要的参数组合起来就可以了。

完整代码
<marquee direction="left" width="50%" height="30" onMouseOut="this.start()" onMouseOver="this.stop()" behavior="scroll" scrolldelay="20" scrollamount="2">Marquee属性代码来自:秋风网络工作室 http://www.qfwlgzs.com </marquee>

文章相关信息
  • 如果您觉得本篇文章不错,请分享给您的朋友,谢谢!
Tags: marquee 滚动 代码


上一篇文章:css强制不换行 自动换行 强制换行
下一篇文章:html禁止编辑和删除的代码

公司网站设计业务咨询请致电:

15937077032

现在联系我们

  • 建站咨询:6779222 (推荐)
  • 建站咨询:37273747 (已满)
  • 阿里旺旺:vip_qf520 (淘宝客户)
  • 我们真诚欢迎您的来电来访!

咨询电话:15937077032

在线咨询