页面滚动marquee标签

页面滚动用js可以实现,但是一个html标签marquee却可以轻松实现

但是有一个html标签 - <marquee></marquee>可以实现多种滚动效果,无需js控制。

使用marquee标记不仅可以移动文字,也可以移动图片,表格等.

语法:<marquee>需要移动的内容</marquee>;

属性:

direction             移动方向,包括up down  left right

behavior              移动方式,包括scroll 循环滚动,默认值   slide只滚动一次停止   alternate来回交替进行滚动

scrollamount       滚动速度,以像素为单位

scrolldelay          滚动延迟,以毫米为单位

loop                    循环次数,默认-1,无限循环

width height       滚动范围

bgcolor               滚动背景颜色

hspace、vspace 空白空间

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title></head>
<body><div><marquee direction="up" behavior="scroll" scrollamount="1" scrolldelay="0" loop="-1" width="1000" height="50" bgcolor="#0099FF" hspace="10" vspace="10">
指整个Marquee对齐方式; (2)behavior:设置滚动的方式: scroll:表示由一端滚动到另一端,会重复,缺陷是不能无缝滚动。 slide:表示由一段滚动到另一端,不会重复...</marquee></div></body></html>
时间: 2024-08-10 00:07:38

页面滚动marquee标签的相关文章

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

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

新闻滚动marquee标签

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

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

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

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