html如何实现滚动文字和音乐

第一种:在页面代码中的<head></head>之间加入<bgsound

src=”音乐url”

loop=”-1″>

这段代码。

在这里要说的是,“loop”中的数值是音乐循环的次数,可设置为任意正整数,若设为“-1”的话,音乐将永远循环。

这种背景音乐是打开叶子后直接播放的,在网页上不会有显示。这是最简单的一种。

第二种:这种方法则略微复杂一些,但可设置的参数也较多。仍是在网页代码中的<style></style>标签之间加入一个“Embed”标签,其最简形式就像这样:

<EMBED

src=”音乐url”

autostart=”true”

loop=”true”

width=”80″

height=”20″>

不同的是,在这里我们可以设置更多内容,以下是具体的说明:

src

背景音乐的地址(即url)。

autostart

是否自动播放,“true”为音乐文件读取完后立即播放,“false”则不立即播放,默认值为“false”

loop

循环次数,设置为“true”为永远循环,“false”为仅播放一次,若设为任意一正整数,则循环所输入的次数。

volume

设置音量,取值范围是“0-100”,默认值为系统当前音量。

starttime

设置音乐开始播放的时间,格式是“分:秒”,

如:starttime=”00:10″,就是从第10秒开始播放。

endtime

设置音乐结束播放的时间,具体格式同上。

width

设置音乐播放控制面板的宽度。

height

设置音乐播放控制面板的高度。

controls

设置音乐播放控制面板的外观,

“console”为通常面板;

“smallconsole”为小型面板。

“playbutton”为是否显示播放按钮;

“pausebutton”为是否显示暂停按钮;

“stopbutton”为是否显示停止按钮;

“volumelever”为是否显示音量调节按钮,

如何在HTML中,不用滚动条控制页面的滚动效果

一、页面中某块文字滚动

这种方法是巧妙地利用HTML语言提供的标题元素<marquee>…</marquee>来实现活动字幕效果。

该标记语法格式如下:

<marquee

aligh=left|center|right|top|bottom

bgcolor=#n

direction=left|right|up|down

behavior=type

height=n

hspace=n

scrollamount=n

Scrolldelay=n

width=n

VSpace=n

loop=n>

可以看出由于活动字幕的显示方式多种多样,可选的参数也很多。下面解释一下各参数的含义:

align:是设定活动字幕的位置,居左、居中、居右、靠上和靠下三种位置。

Bgcolor:用于设定活动字幕的背景颜色,一般是十六进制数。

Direction:用于设定活动字幕的滚动方向是向左、向右、向上、向下。

Behavior:用于设定滚动的方式,主要由三种方式:”scroll”、”slide”和”alternate”。

Height:用于设定滚动字幕的高度。

Width:则设定滚动字幕的宽度。

Hspace和vspace:分别用于设定滚动字幕的左右边框和上下边框的宽度。

Scrollamount:用于设定活动字幕的滚动距离。

scrolldelay:用于设定滚动两次之间的延迟时间。

Loop:用于设定滚动的次数,当loop=-1表示一直滚动下去,直到页面更新。

实现的源代码如下:

<html>

<body>

<div align=”center”>

<TABLE border=0 cellPadding=0 cellSpacing=0 height=157 width=320>

<TBODY>

<TR>

<TD height=156 vAlign=top width=320>

<marquee direction=up height=156 onmouseout=this.scrollAmount=1 onmouseover=this.scrollAmount=0

scrollAmount=1 scrolldelay=20 scrollleft=”0″ scrolltop=”0″>

滚动字幕字幕内容第一行<br>

滚动字幕字幕内容第二行<br>

滚动字幕字幕内容第三行<br>

…<br>

</marquee>

</td>

</tr>

</table>

</div>

</body>

</html>

当鼠标移到marquee区域,触发onmouseover事件,滚屏暂停。

当鼠标移出marquee区域,触发onmouseout事件,滚屏继续。

二、整个网页自动滚动

使用一段JavaScript代码,调用scroll函数,即可实现此功能。

实现方法:

把下面代码copy入你html文件的<head>和</head>中即可:

<script>

<!–

locate = 0;

function autoscroll()

{if (locate !=400 )

{locate++;scroll(0,locate);

clearTimeout(timer);

var timer = setTimeout(“autoscroll()”,3);timer;}

}

–>

</script>

把你html文件的<body>部分改为如下设置:

<body onload=”autoscroll()” >

说明:可通过改动locate的数值来控制显示页面的长度(原代码中为locate!=400)。将“setTimeout(“autoscroll()”,3);”中的“3”改为其它的数字可控制速度。

html设置滚动内容

1、打开软件,文件,新建,html文件,命名随意,我这里命名hday。软件自动生成html的基本构造。首先保存一张背景图片放在img文件夹。

2、在<head>里声明<style> body{background-attachment: fixed;background-image: url(../img/a3.jpg) ;}。

3、现在背景设置好了,加入内容,看看效果。在<body>内写入内容。运行。滚动鼠标图片是不是不动的。

4、点击运行。点击文件,新建,css文件。命名。输入body{background-image: url(../img/a3.jpg);background-attachment: fixed;}。

5、返回html。在<head>内输入<link rel=”stylesheet” type=”text/css” href=”new_file.css” />,保存,运行。效果和之前一样。

如何在HTML中实现图片的滚动效果

<MARQUEE onmouseover=stop() onmouseout=start() scrollAmount=3 loop=infinite deplay=”0″><IMG src=”第一张/data/upload/help/202210/22/f7a82c9758acc4ff4c5350182f2ca378.” ><IMG src=”第二张/data/upload/help/202210/22/f7a82c9758acc4ff4c5350182f2ca378.”></MARQUEE>

注释:

1) scrollAmount。它表示速度,值越大速度越快。

2) 加入onmouseover=stop() onmouseout=start()代码,鼠标指向循环文字图片时他们会停止滚动,鼠标离开时继续滚动。

给滚动图片加超链接

用<a href=>和</a>把<img>包围,并且img必须设border=0,否则图片会出现边框。例子如下:

<MARQUEE scrollAmount=3 loop=infinite deplay=”0″><a href=”链接网址”><img src=”/data/upload/help/202210/22/ffa50cf64c35530077441eac3227df2a.” border=0></a></MARQUEE>

图片从右到左滚动

<MARQUEE width=宽 height=高 onmouseover=stop() onmouseout=start() scrollAmount=速度 loop=infinite deplay=”0″><img src=”/data/upload/help/202210/22/ad1f2ceeea3dbf3d10d768f858d69ed4.”><img src=”/data/upload/help/202210/22/ad1f2ceeea3dbf3d10d768f858d69ed4.”>···</MARQUEE>

图片从下到上滚动

<marquee behavior=”scroll” direction=up width=”宽” height=”高” scrollamount=”5″ onmouseout=”this.start()”><img src=”/data/upload/help/202210/22/ffa50cf64c35530077441eac3227df2a. “><img src=”/data/upload/help/202210/22/ffa50cf64c35530077441eac3227df2a. “>···</marquee>

带有超链接的图片实现滚动效果

<marquee behavior=”scroll” direction=up width=”120″ height=”60″ scrollamount=”1″ scrolldelay=”60″ onmouseover=”this.stop()” onmouseout=”this.start()”><a target=”cont” href=”连接地址”><img src=”/data/upload/help/202210/22/84509170dc3599f16074756aaa5b3f93.” idth=”88″ height=”33″ border=”0″></a><a target=”cont” href=”连接地址”><img src=”/data/upload/help/202210/22/f7a82c9758acc4ff4c5350182f2ca378.” width=”88″ height=”33″ border=”0″></a></marquee>

怎样用html语言将滚动标签停下来

<marquee style=”WIDTH: 388px; HEIGHT: 200px” scrollamount=”2″ direction=”up” >

<div align=”left” >

</div >

<center ><font face=”黑体” color=”#008000″ size=”4″ ></font ></center >

<div align=”left” >

</div >

<center >

<p ><font color=”#ff6600″ size=”4″ >滚动文字</font ></p >

<p ><font color=”#ff4500″ size=”4″ >滚动文字</font ></p >

<p ><font color=”#ff3300″ size=”4″ >滚动文字</font >

</p >

</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:前后、上下的空行。

HTML中怎样让滚动的内容 有鼠标就暂停

代码<marquee onMouseOver=”this.stop()” onMouseOut=”this.start()”>test</marquee>