新闻滚动marquee标签

先上代码:

<marquee behavior="" direction="up" onMouseOver="this.stop()" onMouseOut="this.start()">
                  <ul>
                    <li><a href="#" target="">.中国大数据应用蓝皮书上线了,欢迎围观。</a></li>
                    <li><a href="#" target="">.中国大数据应用蓝皮书上线了,欢迎围观。</a></li>
                    <li><a href="#" target="">.中国大数据应用蓝皮书上线了,欢迎围观。</a></li>
                    <li><a href="#" target="">.中国大数据应用蓝皮书上线了,欢迎围观。</a></li>
                </ul>
</marquee>

marquee标签支持的属性有很多个:

direction表示滚动方法,默认为left,可以取的值有4个,分别是left,right,up,down

behavior表示滚动的方式,值可以是scroll(连续滚动)slide(滑动一次)alternate(来回滚动)

loop表示循环的次数,值是正整数,默认为无限循环

scrollamount表示运动速度,值是正整数,默认为6

scrolldelay表示停顿时间,值是正整数,默认是0,单位似乎是毫米,

align表示元素的垂直对齐方式,值可以是top,middle,bottom,默认为middle

bgcolor表示运动区域的背景色,值是16进制的RGB颜色,默认为白色

height、width表示运动区域的高度和宽度,值是正整数(单位是像素)或百分数,默认width=100% height为标签内元素的高度

hspace、vspace表示元素到区域边界的水平距离和垂直距离,值是正整数,单位是像素。

onmouseover=this.stop() onmouseout=this.start()表示当鼠标以上区域的时候滚动停止,当鼠标移开的时候又继续滚动。

参考博文:http://blog.sina.com.cn/s/blog_49ce67fc0100atb4.html

http://www.sha-long.com/show-9-684-1.html

时间: 2024-08-07 12:09:16

新闻滚动marquee标签的相关文章

1.6 滚动&lt;MARQUEE&gt;标签

使用<MARQUEE>标签不仅可以移动文字,还可以移动图片. 本节单词记忆:标签 1.marquee 属性 1.direction 2.scrolldelay 网页学习网提示:html语言非常简单,不需要逻辑理解,而绝大部分朋友觉得它难以掌握,90%的原因在于英语单词不过关,所以每节记忆几个单词是非常有必要的. 语法: <MARQUEE  scrolldelay="100"  direction="up">   滚动文字或图像 </MA

字幕图片滚动&lt;marquee&gt;标签

<!-- 基本 --> <marquee>我是一代滚动横幅,我会滚动</marquee> <!-- 添加鼠标事件(移入停止滚动,移出继续滚动) --> <marquee onMouseOut="this.start()" onMouseOver="this.stop()">我是二代滚动横幅,想停就停,想动就动</marquee> <!-- 添加属性 --> <marquee a

页面滚动marquee标签

页面滚动用js可以实现,但是一个html标签marquee却可以轻松实现 但是有一个html标签 - <marquee></marquee>可以实现多种滚动效果,无需js控制. 使用marquee标记不仅可以移动文字,也可以移动图片,表格等. 语法:<marquee>需要移动的内容</marquee>: 属性: direction             移动方向,包括up down  left right behavior              移动方

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

一.前言   有限的空间展现无限的内容,这是滚动最常用到的地方.根据信息滚动效果我们可以有很多的实现方式,但HTML自带的 marquee标签 是其中一个较简单的实现方式.下面记录一下,供日后查阅. 二. marquee标签 的基础知识 示例: <marquee behavior="scroll" direction="left" loop="-1" scrollAmount="12" scrollDelay="

marquee标签滚动效果

<marquee></marquee>标签,默认从最右侧往左滚动: direction:设置滚动的方向: height:设置标签高度, width:设置标签宽度: behavior="aletrnate": 一次全部出现,碰到边缘来回撞: behavior="slide" :一次全部出现,碰到边缘停住: behavior="scroll" :默认无限循环 loop="3":循环3次,设置循环的次数: 设

转:HTML中让图片滚动的&lt;marquee&gt;标签的使用方法

实例: <marquee id="affiche" align="left" behavior="scroll" bgcolor="#FF0000" direction="up" height="300" width="200" hspace="50" vspace="20" loop="-1" scr

html里面有一个控制文字滚动的标签marquee,比较有用。

本节笔者讲述HTML代码中比较特殊的标签,它能使网页中的文字滚动,并且可以控制其滚动的属性. 制作滚动文字 通过本章前面的学习,读者已经能够很好地控制各种段落文字的显示方式,不过无论怎么设置,文字都是静态的.本节笔者讲述HTML代码中比较特殊的标签,它能使网页中的文字滚动,并且可以控制其滚动的属性. 4.3.1 设置文字滚动 HTML技术中使文字滚动的方法是使用双标签<marquee></marquee>.在HTML代码中可使其作用区文字滚动,默认为从右到左,循环滚动.在D:\we

HTML marquee标签实现内容上下左右滚动

用marquee标签实现的内容滚动效果很一般,只适用于公告 博文摘录地址:http://www.cnblogs.com/mountain-mist/articles/975781.html 1.建立第一个滚动字幕.代码:<marquee scrollAmount=2 width=300>我钟意网页树树</marquee>效果如: 我钟意网页树树 2.各参数详解:a)scrollAmount.它表示速度,值越大速度越快.如果没有它,默认为6,建议设为1-3比较好.b)

marquee:已经被逐步舍弃掉的强大的模拟滚动的标签

(1)其实marquee的功能还是十分强大的,可以模拟我们用js才能实现的滚动效果,而且上下左右方向.滚动速度等等设置十分简单. (2)但是,marquee的缺点是兼容性不太好,因为是微软自己发明了,后来才逐步被其他浏览器厂商接受. (3)发现,目前使用marquee标签的地方不是很多.可能这种滚动的效果,现在看起来十分不友好,所以被逐步抛弃了吧. 参考文献: html之marquee详解 IE Firefox Opera Chrome Safari 对MARQUEE标签的兼容问题 <!DOCT