导航:首页 > 万维百科 > 网页设计marquee

网页设计marquee

发布时间:2021-01-12 01:28:51

1、网页设计中marquee和div标签的几个问题

很简单,抄去认真学习袭一下CSS样式表; 你的这些问题在你学完这个的时候就不是问题了;

记住,不要在html里控制样式;样式全部通过css来控制;

position用于定位,主要应用于网页的布局;marquee嵌套在div里,可以对marquee的位置进行精确定位;同样在marquee里嵌套div也可以对该div进行位置控制;

2、网页设计:如何创建一个滚动菜单

首先打开dreamweaver8写基本语法
<marquee>滚动文字 </marquee>
2.文字移动属性的设置
(1)滚动方向属性direction
可以设定文字滚动的方向,分别为向左(left)、向右(right)、向上(up)、向下(down),使滚动的文字具有更多的变化。
基本语法:
<marquee direction="value">滚动文字</marquee>
(2)滚动方式属性behavior
通过这个属性能够设定不同方式的滚动文字效果。如滚动的循环往复、交替滚动、单次滚动等。
基本语法:
<marquee behavior="value">滚动文字</marquee>
(3)滚动循环属性loop
通过这个属性能够让文字滚动循环进行。
基本语法:
<marquee loop="次数">滚动文字</marquee>
(4)滚动速度属性scrollamout
通过这个属性能够调整文字滚动的速度。
基本语法:
<marquee scrollamount="value">滚动文字</marquee>
(5)滚动延迟属性scrolldelay
通过这个属性,可以在每一次滚动的间隔产生一段时间的延迟。
基本语法:
<marquee scrolldelay="value">滚动文字</marquee>
3.外观(Layout)设置
(1)滚动文字对齐方式align
基本语法:
<marquee align="对齐方ottom,对齐上沿、中间、下沿。
(2)滚动背景颜色属性bgcolor

在滚动文字的后面,可以添加背式">滚动文字</marquee>
对方方式=top、middle、b景颜色。
基本语法:
<marquee bgcolor="color_value">滚动文字</marquee>

3、网页设计字体滚动代码?

文字滚动是由<marquee></marquee>控制的。marquee的参数如下:

1、方向 <direction=#> #=left, right
如:<marquee direction=left>啦啦啦,我从右向左移!</marquee>
<marquee direction=right>啦啦啦,我从左向右移!</marquee>

2、方式 <bihavior=#> #=scroll, slide, alternate
如:<marquee behavior=scroll>啦啦啦,我一圈一圈绕着走!</marquee>
<marquee behavior=slide>啦啦啦,我只走一次就歇了!</marquee>
<marquee behavior=alternate>啦啦啦,我来回走耶!</marquee>

3、循环 <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>

4、速度 <scrollamount=#>
如:<marquee scrollamount=20>啦啦啦,我走得好快哟!</marquee>

5、延时 <scrolldelay=#>
如: <marquee scrolldelay=500 scrollamount=100>啦啦啦,我走一步,停一停!</marquee>

6、对齐方式(Align) <align=#> #=top, middle, bottom
如:<font size=6>
<marquee align=# width=400>啦啦啦,我会移动耶!</marquee>
</font>
7、底色 <bgcolor=#>
#=rrggbb 16 进制数码,或者是下列预定义色彩:
Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,
Fuchsia, White, Green, Purple, Silver, Yellow, Aqua

如:<marquee bgcolor=aaaaee>啦啦啦,我会移动耶!</marquee>

8、面积 <height=# width=#>
如:<marquee height=40 width=50% bgcolor=aaeeaa> 啦啦啦,我会移动耶!</marquee>

9、空白(Margins)<hspace=# vspace=#>

<marquee id="scrollarea" direction="up" scrolldelay="10" scrollamount="1" width="150" height="80" onmouseover="this.stop();" onmouseout="this.start();">
------------------------------------------------------------------------------------------------------------------------------

<marquee></marquee>

以下是一个最简单的例子:

代码如下:

<marquee><font size=+3 color=red>Hello, World</font></marquee>

下面这两个事件经常用到:

onMouseOut="this.start()" :用来设置鼠标移出该区域时继续滚动

onMouseOver="this.stop()":用来设置鼠标移入该区域时停止滚动

代码如下:

<marquee >onMouseOut="this.start()" :用来设置鼠标移出该区域时继续滚动 :用来设置鼠标移入该区域时停止滚动</marquee>

这是一个完整的例子:

代码如下:

<marquee align="left" behavior="scroll" bgcolor="#FF0000" direction="up" height="300" width="200" hspace="50" vspace="20" loop="-1" scrollamount="10" scrolldelay="100" >

这是一个完整的例子

</marquee>

该标签支持的属性多达11个:

align

设定<marquee>标签内容的对齐方式

absbottom:绝对底部对齐(与g、p等字母的最下端对齐)

absmiddle:绝对中央对齐

baseline:底线对齐

bottom:底部对齐(默认)

left:左对齐

middle:中间对齐

right:右对齐

texttop:顶线对齐

top:顶部对齐

4、如何制作网页上的滚动字幕? 快!!!

<MARQUEE onmouseover=this.stop() onmouseout=this.start() scrollAmount=4 behavior=alternate width="100%" height=220>

来回滚动

5、网页设计文字滚动(水平)代码

网页设计文字滚动(水平)代码是:

<marquee direction=up scrollamount=1 scrolldelay=100

height=60>

<!-- head_scrolltext -->

<tr>

<td>

共和国

</table> <!-- end head_scrolltext -->

</marquee>

(5)网页设计marquee扩展资料:

一、除此之外,marquee参数有以下: 

BGColor:滚动文本框的背景颜色。 

Direction:滚动方向设置,可选择Left、Right、up和down。 

scrolldelay:每轮滚动之间的延迟时间,越大越慢。 

scrollamount:一次滚动总的时间量,数字越小滚动越慢。 

Behaviour:滚动的方式设置,三种取值:Scroll(循环滚动) lide(单次滚动)、Alternate(来回滚动)。 

Align:文字的对齐方式设置。可选择Middle(居中)、Bottom(居下)还是Top(居上)。 

Width:滚动文本框的宽度,输入一个数值后从后面的单选框选择in Pixels(按像素)或是in Percent(按百分比)。 

Height:滚动文本框的高度,输入一个数值后从后面的单选框选择in Pixels(按像素)或是in Percent(按百分比)。 

loop:滚动次数。默认为infinite 

hspace、vspace:前后、上下的空行。

二、滚动字幕在FrontPage的组件里有,但是FrontPage这个软件只能支持单行文字,一出现多行文字它就无能为力了,而且它只能支持一行滚动。(如果出现只能滚动一行的情况,解决办法是把这段代码嵌入到JavaScript的document.write里面。)

6、网页制作marquee 标签出了问题

direction 表示滚动的方向,值可以是,right,up,down,默认为left
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() 表示当鼠标以上区域的时候滚动停止,当鼠标移开的时候又继续滚动。

下面的例子使用了 MARQUEE 元素创建了由左向右的滚动字幕,移动速度为每 200 毫秒 10 像素。
<MARQUEE DIRECTION=RIGHT BEHAVIOR=SCROLL SCROLLAMOUNT=10 SCROLLDELAY=200>这是一个滚动字幕。</MARQUEE>
下面的例子显示了 marquee 元素的 scrollLeft 和 scrollTop 属性的一些用途。
<MARQUEE id=m1 direction=right style="border-width:2px;border-style:solid;" width=200 height=200>向右</MARQUEE>
<!-- 单击此按钮可在字幕滚动时读取 scrollLeft 和 scrollTop 属性的值。 -->
<BUTTON onclick="alert('scrollLeft: ' + m1.scrollLeft + ' scrollRight: ' + m1.scrollTop)">读取</BUTTON>
<!-- 当字幕停止时,你可以设置水平字幕的 scrollLeft,或者设置垂直字幕的 scrollTop。 -->
<BUTTON onclick="m1.stop();m1.scrollLeft = 190;">停止并设置 scrollLeft=190</BUTTON>
<BUTTON onclick="m1.start();">开始</BUTTON>

7、在制作网页时做滚动字幕的代码是什么?急用

脚本说明:
把如下代码加入<body>区域中:
<script language="JavaScript1.2">
//设置marquee的宽度 (in pixels)
var marqueewidth=400
//设置marquee的高度 (in pixels, 该参数只适用于NS)
var marqueeheight=20
//设置marquee滚动的速度(数值大速度快)
var speed=4
//设置marquee显示内容,使用标准的HTML语法。
var marqueecontents='<strong><big>滚动字幕</big></strong></font>'
if (document.all)
document.write('<marquee scrollAmount='+speed+' style="width:'+marqueewidth+'">'+marqueecontents+'</marquee>')
function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers){
setTimeout("window.onresize=regenerate",450)
intializemarquee()
}
}
function intializemarquee(){
document.cmarquee01.document.cmarquee02.document.write('<nobr>'+marqueecontents+'</nobr>')
document.cmarquee01.document.cmarquee02.document.close()
thelength=document.cmarquee01.document.cmarquee02.document.width
scrollit()
}
function scrollit(){
if (document.cmarquee01.document.cmarquee02.left>=thelength*(-1)){
document.cmarquee01.document.cmarquee02.left-=speed
setTimeout("scrollit()",100)
}
else{
document.cmarquee01.document.cmarquee02.left=marqueewidth
scrollit()
}
}
window.onload=regenerate2
</script>
<ilayer width=&{marqueewidth}; height=&{marqueeheight}; name="cmarquee01">
<layer name="cmarquee02"></layer>
</ilayer>

8、在网页设计中 要让图片和文字滚动,我用了marquee属性,里面用的是<dl><dt>标签,但是效果怎么是这样,

设置float:left看看

与网页设计marquee相关的知识