本文目录
- marquee的属性可以在外联css中设置吗
- 怎么让marquee属性的图片首尾相连
- 关于marquee属性里滚动字幕的问题
- html中marquee 的属性align起什么作用
- marquee 属性中id 和class
- 请问marquee有哪些属性,每个属性是什么意思谢了
- html中marquee怎么用
- 在html中滚动文字标记marquee的滚动方式属性是
- dw中marquee属性
marquee的属性可以在外联css中设置吗
var marquee = new Marquee(),
obj = document.getElementById(“box“);
marquee.init(obj);
对应的html代码:
《!DOCTYPE HTML》 《html》 《head》
《meta charset=“UTF-8“》
《title》Demo《/title》
《style type=“text/css“》
#box {
width: 150px;
height: 200px;
border:1px solid #EFEFEF;
background: #F8F8F8;
padding:0 20px;
line-height:22px;
overflow:hidden;
}
《/style》《/head》《body》
《div id=“box“》
我是靖鸣君1《br /》 我是靖鸣君2《br /》 我是靖鸣君3《br /》 我是靖鸣君4《br /》 我是靖鸣君5《br /》
我是靖鸣君1《br /》 我是靖鸣君2《br /》 我是靖鸣君3《br /》 我是靖鸣君4《br /》 我是靖鸣君5《br /》
《/div》《/body》《/html》
当然,给了几个接口:
marquee.init(obj, {
direction: “xx“, //这个还没写,一般就是top和left吧~
speed: 30});
补充一个css3下marquee的知识点
overflow:-webkit-marquee;//指定溢出时滚动。-webkit-marquee-style:scroll | slide | alternate; //跑马灯样式,分三种。
scroll,从一端滚动到另一端,内容完全滚入(消失)时重新开始。
slide,从一端滚到另一端,内容接触到另一端后,立马重新开始。
alternate,内容不跑到显示区域外,在里面来回碰壁反弹。这里主要用第一种。-webkit-marquee-repetition:infinite | number;// 跑马灯跑的次数,infinite 为
无限多次,不结束。或者可以用正整数设置滚动的次数。-webkit-marquee-direction:up | down | left | right; //跑动的方向,这个要注
意结合实际情况,即实际你操作的标签文本流溢出在哪个方向溢出。-webkit-marquee-speed:slow | normal | fast;//跑动的速度设置。
实例:
《!DOCTYPE HTML》 《html》 《head》
《meta charset=“UTF-8“》
《title》Demo《/title》
《style type=“text/css“》
h1 {
color:rgba(250,100,100,0.7);
height:40px;
line-height:40px;
width:400px;
overflow: -webkit-marquee;
-webkit-marquee-style: scroll;
-webkit-marquee-repetition: infinite;
-webkit-marquee-direction: right;
-webkit-marquee-speed:normal;
border:1px #ccc solid;
margin-top: 30px;
}
h1.left {
-webkit-marquee-direction: left;
}
h1.up {
-webkit-marquee-direction: up;
}
h1.down {
-webkit-marquee-direction: down;
}《/style》《/head》《body》《h1》我是靖鸣君,靖鸣君,我是靖鸣君,靖鸣君,我是靖鸣君《/h1》《h1 class=“up“》我是靖鸣君,靖鸣君,我是靖鸣君,靖鸣君,我是靖鸣君《/h1》《h1 class=“left“》我是靖鸣君,靖鸣君,我是靖鸣君,靖鸣君,我是靖鸣君《/h1》《h1 class=“down“》我是靖鸣君,靖鸣君,我是靖鸣君,靖鸣君,我是靖鸣君《/h1》《/body》《/html》
怎么让marquee属性的图片首尾相连
marquee属性的使用说明
《marquee》 ... 《/marquee》
移动属性的设置 ,这种移动不仅仅局限于文字,也可以应用于图片,表格等等
鼠标属性
onMouseOver=this.stop() .........鼠标经过时停止滚动
onMouseOut=this.start() ........鼠标移出状态滚动
方向
--《direction=#》 #=left, right ,up ,down
《marquee direction=left》从右向左移!《/marquee》
方式
--《bihavior=#》 #=scroll, slide, alternate
《marquee behavior=scroll》一圈一圈绕着走!《/marquee》
《marquee behavior=slide》只走一次就歇了!《/marquee》
《marquee behavior=alternate》来回走!《/marquee》
循环
--《loop=#》 #=次数;若未指定则循环不止(infinite)
《marquee loop=3 width=50% behavior=scroll》只走 3 趟《/marquee》
《marquee loop=3 width=50% behavior=slide》只走 3 趟《/marquee》
《marquee loop=3 width=50% behavior=alternate》只走 3 趟《/marquee》
速度
--《scrollamount=#》
《marquee scrollamount=20》啦啦啦,我走得好快哟!《/marquee》
延时
--《scrolldelay=#》
《marquee scrolldelay=500 scrollamount=100》啦啦啦,我走一步,停一停!《/marquee》
外观(Layout)设置
对齐方式(Align)
--《align=#》 #=top, middle, bottom
《font size=6》
《marquee align=# width=400》啦啦啦,我会移动耶!《/marquee》
《/font》
底色
--《bgcolor=#》 #=rrggbb 16 进制数码,或者是下列预定义色彩:
--Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime, Fuchsia, White, Green, Purple, Silver, Yellow, Aqua
--《marquee bgcolor=aaaaee》颜色!《/marquee》
面积
--《height=# width=#》
《marquee height=40 width=50% bgcolor=aaeeaa》面积!《/marquee》
空白
--(Margins)《hspace=# vspace=#》
《marquee hspace=20 vspace=20 width=150 bgcolor=ffaaaa align=center》面积!《/marquee》
关于marquee属性里滚动字幕的问题
唉。。。不要全都抄答案的说。。。
实际是简单的marquee的属性不能实现首尾相接,或是开始前不出现空白。
只能用js代码,DIV来实现啦~尤其是向一些淡入淡出效果,一般都是套用JS代码的~这样的代码网络上有很多,百度一下就可以了。
举个例子哦,比如说:
《DIV id=demo_1 style=“OVERFLOW: hidden; HEIGHT: 136px“》
《DIV id=demo1_1》
《div id=gleft》
《a href=““》《img src=““ border=“0“ width=150 height=“120“/》《/a》
《/div》
《/DIV》
《DIV id=demo2_1》《/DIV》《/DIV》
这样一段DIV代码(我借别人的,某也懒)加上下面这段
《SCRIPT》
var speed=25
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft《=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)} 《/SCRIPT》
其中《div id=gleft》这里的gleft的样式你自己定义下就OK了
路漫漫其修远兮~加油哦~
html中marquee 的属性align起什么作用
是整个移动对象的组合,也就是你的文字的进入点到出点之间的距离为一个组合,这个组合的位置。据一个例子
/////////////正在移动文字///////
这个移动的宽度就是一个组合,它位于什么地方~~~~可以左右,也可以上下。
比如||代表网页左右边界,那么(___代表空)
|///////正在移动文////___________________________|
这个就是align=left
|___________________________///////正在移动文////|
就是right
但是如果你的组合的宽度跟网页的边界一样宽,那你很难分辨出你的这个位置的关系~~
我看你还是这样用把
《table width=“500“ border=“1“ align=“center“》
《tr》
《td height=“100“ align=“left“ valign=“top“》
《marquee scrollamount=’4’ scrolldelay=’100’ direction= ’left’ width=’400’ height=’20’ id=’mar1’ onMouseOver=mar1.stop() onMouseOut=mar1.start() behavior=“alternate“》
《font color=“#6699cc“》水平:左对齐,垂直:顶端《/font》
《/marquee》《/td》
《/tr》
《tr》
《td height=“100“ align=“center“》
《marquee scrollamount=’4’ scrolldelay=’100’ direction= ’left’ width=’400’ height=’20’ id=’mar2’ onMouseOver=mar2.stop() onMouseOut=mar2.start() behavior=“alternate“》
《font color=“#6699cc“》水平:居中对齐,垂直:默认《/font》
《/marquee》《/td》
《/tr》
《tr》
《td height=“100“ align=“right“ valign=“bottom“》
《marquee scrollamount=’4’ scrolldelay=’100’ direction= ’left’ width=’400’ height=’20’ id=’mar3’ onMouseOver=mar3.stop() onMouseOut=mar3.start() behavior=“alternate“》
《font color=“#6699cc“》水平:右对齐,垂直:底部《/font》
《/marquee》《/td》
《/tr》
《/table》
marquee 属性中id 和class
marquee语句中,“id”属性是指施加“marquee”的id地址(网页中的规定地址),“class”是类的意思,就是为marquee语句添加某种效果。
请问marquee有哪些属性,每个属性是什么意思谢了
东西太多了,具体的上这个网看下
--》
《BUTTON onclick=“m1.stop();m1.scrollLeft = 190;“》停止并设置 scrollLeft=190《/BUTTON》
《BUTTON onclick=“m1.start();“》开始《/BUTTON》
没事的时候来我的blog看看,上面也有很多关于网页制作技巧和学习的东西
这个是无法实现的
可以用以下代码:
《div id=rolllink style=overflow:hidden;height:100;width:100》
《div id=rolllink1》
你滚动的内容《br》
你滚动的内容《br》
你滚动的内容《br》
你滚动的内容《br》
你滚动的内容《br》
你滚动的内容《br》
你滚动的内容《br》
你滚动的内容《br》
你滚动的内容《br》
你滚动的内容《br》
你滚动的内容《br》
你滚动的内容《br》
你滚动的内容《br》
你滚动的内容《br》
你滚动的内容《br》
你滚动的内容《br》
你滚动的内容《br》
《/div》
《div id=rolllink2》
《/div》
《/div》
《script》
var speed=30
rolllink2.innerHTML=rolllink1.innerHTML
function Marquee(){
if(rolllink2.offsetTop-rolllink.scrollTop《=0)
rolllink.scrollTop-=rolllink1.offsetHeight
else{
rolllink.scrollTop++
}
}
var MyMar=setInterval(Marquee,speed)
rolllink.onmouseover=function() {clearInterval(MyMar)}
rolllink.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
《/script》
若还有问题可以联系我:qq:378693265
html中marquee怎么用
marquee在HTML中的属性解析
该标签是个容器标签
语法:
《marquee》《/marquee》
以下是一个最简单的例子:
代码如下:
《marquee》《font size=+3 color=red》Hello, World《/font》《/marquee》
下面这两个事件经常用到:
onMouseOut=“this.start()“ :用来设置鼠标移出该区域时继续滚动
onMouseOver=“this.stop()“:用来设置鼠标移入该区域时停止滚动
代码如下:
《marquee onMouseOut=“this.start()“ onMouseOver=“this.stop()“》onMouseOut=“this.start()“ :用来设置鼠标移出该区域时继续滚动 onMouseOver=“this.stop()“:用来设置鼠标移入该区域时停止滚动《/marquee》
这是一个完整的例子:
代码如下:
《marquee id=“affiche“ align=“left“ behavior=“scroll“ bgcolor=“#FF0000“ direction=“up“ height=“300“ width=“200“ hspace=“50“ vspace=“20“ loop=“-1“ scrollamount=“10“ scrolldelay=“100“ onMouseOut=“this.start()“ onMouseOver=“this.stop()“》
这是一个完整的例子
《/marquee》
该标签支持的属性多达11个:
align
设定《marquee》标签内容的对齐方式
absbottom:绝对底部对齐(与g、p等字母的最下端对齐)
absmiddle:绝对中央对齐
baseline:底线对齐
bottom:底部对齐(默认)
left:左对齐
middle:中间对齐
right:右对齐
texttop:顶线对齐
top:顶部对齐
在html中滚动文字标记marquee的滚动方式属性是
html用marquee标签来实现文字滚动属性,常见参数如下:
1.滚动方向direction(包括4个值:up、 down、 left和 right)
语法:《marquee direction=“滚动方向“》...《/marquee》
2.滚动方式behavior(scroll:循环滚动,默认效果; slide:只滚动一次就停止; alternate:来回交替进行滚动)
语法:《marquee behavior=“滚动方式“》...《/marquee》
3.滚动速度scrollamount(滚动速度是设置每次滚动时移动的长度,以像素为单位)
语法:《marquee scrollamount=“5“》...《/marquee》
4.滚动延迟scrolldelay(设置滚动的时间间隔,单位是毫秒)
语法:《marquee scrolldelay=“100“》...《/marquee》
5.滚动循环loop(默认值是-1,滚动会不断的循环下去)
语法:《marquee loop=“2“》...《/marquee》
dw中marquee属性
marquee默认是向左移动的,你可以参考shop0527.com/wuyou/
下面这是代码,自己修改
《MARQUEE onmouseover=this.stop()
onmouseout=this.start() scrollAmount=1
scrollDelay=60 direction=up height=138》
《p class=“gonggao“》本站特色:《br》
1.banner条嵌套透明flash《BR》
2.公告滚动显示《BR》
3.滚动条个性颜色《br》
4.本站个人独自创作,内容少,但不空《br》
5.本站使用图像文件少,使用css定位和美化页面,很清新《br》
6.个性鼠标显示,链接切换鼠标形状《br》
7.本站主基色为天蓝色,可作为计算机系网站《br》
8.声明:本站仅为展示个人制作网站技术能力,内容与宿迁高师无关!《/p》
《/MARQUEE》