网页代码:求一个隔段时间可停顿的滚动字幕代码

作者&投稿:伊和 (若有异议请与网页底部的电邮联系)
html的滚动字幕怎么实现,请以简单的代码解释为例,谢谢~

此处输入滚动内容

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


<!--
marqueesHeight=230; //内容区高度
stopscroll=false; //这个变量控制是否停止滚动
with(marquees){
noWrap=true; //这句表内容区不自动换行
style.width=0; //于是我们可以将它的宽度设为0,因为它会被撑大
style.height=marqueesHeight;
style.overflowX="visible"; //滚动条不可见
style.overflowY="hidden"; //滚动条不可见
onmouseover=new Function("stopscroll=true"); //鼠标经过,停止滚动
onmouseout=new Function("stopscroll=false"); //鼠标离开,开始滚动
}
//这时候,内容区的高度是无法读取了。下面输出一个不可见的层"templayer",稍后将内容复制到里面:
document.write('');
function init(){ //初始化滚动内容
//多次复制原内容到"templayer",直到"templayer"的高度大于内容区高度:
while(templayer.offsetHeight<marqueesHeight){
templayer.innerHTML+=marquees.innerHTML;
} //把"templayer"的内容的“两倍”复制回原内容区:
marquees.innerHTML=templayer.innerHTML+templayer.innerHTML;
//设置连续超时,调用"scrollUp()"函数驱动滚动条:
setInterval("scrollUp()",40);
}
document.body.onload=init;
preTop=0; //这个变量用于判断滚动条是否已经到了尽头
function scrollUp(){ //滚动条的驱动函数
if(stopscroll==true) return; //如果变量"stopscroll"为真,则停止滚动
preTop=marquees.scrollTop; //记录滚动前的滚动条位置
marquees.scrollTop+=1; //滚动条向下移动一个像素
//如果滚动条不动了,则向上滚动到和当前画面一样的位置
//当然不仅如此,同样还要向下滚动一个像素(+1):
if(preTop==marquees.scrollTop){
marquees.scrollTop=templayer.offsetHeight-marqueesHeight+1;
}
}
-->

JS 滚动字幕文字新法
我想大家都看过各种各样的滚动(最常用的就是用在新闻的更新上面),一般情况下只要不是图片,都是用HTML本身就有提供一个很不错的滚动标记——marquee来完成的(用JS也可以同样实现这种效果);当然并不是说图片就不能那样做。
以下为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>内容</marquee>

下面解释一下各参数的含义:
align:是设定活动字幕的位置,除了居左、居中、居右三种位置外,又增加靠上(top)和靠下(bottom)两种位置。
Bgcolor:用于设定活动字幕的背景颜色,可以使用英文的单词也可以是十六进制数的。
Direction:用于设定活动字幕的滚动方向是向左(left)、向右(right)、向上(up)、向下(down)。
Behavior:用于设定滚动的方式,主要由三种方式:
behavior="scroll"表示由一端滚动到另一端;
behavior="slide":表示由一端快速滑动到另一端,且不再重复;
behavior="alternate"表示在两端之间来回滚动。
Height:用于设定滚动字幕的高度。
Width:则设定滚动字幕的宽度。
Hspace和vspace:分别用于设定滚动字幕的左右边框和上下边框的宽度。
Scrollamount:用于设定活动字幕的滚动距离。数值越小,滚动的速度就越快。
scrolldelay:用于设定滚动两次之间的延迟时间,数值越小,间隔就越小。
Loop:用于设定滚动的次数,当loop=-1表示一直滚动下去,直到页面更新。其中默认情况是向左滚动无限次,字幕高度是文本高度;滚动范围:水平滚动的宽度是当前位置的宽度;垂直滚动的高度是当前位置的高度。

现在要介绍的是一种新型的滚动,利用JS的方法来做字幕的滚动:向上,在中间停顿一到两秒(就像经典的这种):
将以下代码贴到您要显示的位置就可以了。以上已经将网站的这种滚动的做法做了一个大概的介绍。

具体效果可以看:运行代码框
<script>
var marqueeContent=new Array(); //定义一个数组,用来存放显示内容
marqueeContent[0]='<A href="#" onclick="reinitMarquee()">刷新最新列表</FONT></A>';
marqueeContent[1]='<a href=http://www.blueidea.com/updatelist.asp target=_blank>站点最新更新六十条</a>';
marqueeContent[2]='<A href=http://www.blueidea.com/tech/graph/2003/875.asp target=_blank>羽毛效果制作教程</a>';
marqueeContent[3]='<A href=http://www.blueidea.com/tech/program/2003/831.asp target=_blank>MySQL&ASP</a>';
marqueeContent[4]='<A href=http://www.blueidea.com/tech/web/2003/874.asp target=_blank>初步了解CSS3</a>';
marqueeContent[5]='<A href=http://www.blueidea.com/tech/graph/2003/864.asp target=_blank>Fireworks MX 2004执行面版操作</a>';
marqueeContent[6]='<A href=http://www.blueidea.com/tech/graph/2003/872.asp target=_blank>Fireworks MX 2004等高渐变填充</a>';
marqueeContent[7]='<A href=http://www.blueidea.com/photo/gallery/2003/873.asp target=_blank>瓶子里的花</a>';
marqueeContent[8]='<A href=http://www.blueidea.com/tech/graph/2003/871.asp target=_blank>Fireworks MX 实现选项卡式效果</a>';
marqueeContent[9]='<A href=http://www.blueidea.com/photo/gallery/2003/870.asp target=_blank>情侣:黑白的爱情空气</a>';
marqueeContent[10]='<A href=http://www.blueidea.com/tech/graph/2003/866.asp target=_blank>制作 MAC 风格的苹果标志</a>';
marqueeContent[11]='<A href=http://www.blueidea.com/tech/graph/2003/868.asp target=_blank>蛋壳制作及破壳而出的人物合成</a>';

var marqueeInterval=new Array(); //定义一些常用而且要经常用到的变量
var marqueeId=0;
var marqueeDelay=4000;
var marqueeHeight=16;

//接下来的是定义一些要使用到的函数
Array.prototype.random=function() {
var a=this;
var l=a.length;
for(var i=0;i<l;i++) {
var r=Math.floor(Math.random()*(l-i));
a=a.slice(0,r).concat(a.slice(r+1)).concat(a[r]);
}
return a;
}
function initMarquee() {
marqueeContent=marqueeContent.random();
var str='';
for(var i=0;i<Math.min(3,marqueeContent.length);i++) str+=(i>0?' ':'')+marqueeContent[i];
document.write('<div id=marqueeBox style="overflow:hidden;height:'+marqueeHeight+'px" onmouseover="clearInterval(marqueeInterval[0])" onmouseout="marqueeInterval[0]=setInterval(\'startMarquee()\',marqueeDelay)"><div>'+str+'</div></div>');
marqueeId+=2;
if(marqueeContent.length>3)marqueeInterval[0]=setInterval("startMarquee()",marqueeDelay);
}
function reinitMarquee() {
js_scroll_content.src='scroll_content2.js';
marqueeContent=marqueeContent.random();
var str='';
for(var i=0;i<Math.min(3,marqueeContent.length);i++) str+=(i>0?' ':'')+marqueeContent[i];
marqueeBox.childNodes[(marqueeBox.childNodes.length==1?0:1)].innerHTML=str;
marqueeId=2;
}
function startMarquee() {
var str='';
for(var i=0;(i<3)&&(marqueeId+i<marqueeContent.length);i++) {
str+=(i>0?' ':'')+marqueeContent[marqueeId+i];
}
marqueeId+=3;
if(marqueeId>marqueeContent.length)marqueeId=0;

if(marqueeBox.childNodes.length==1) {
var nextLine=document.createElement('DIV');
nextLine.innerHTML=str;
marqueeBox.appendChild(nextLine);
}
else {
marqueeBox.childNodes[0].innerHTML=str;
marqueeBox.appendChild(marqueeBox.childNodes[0]);
marqueeBox.scrollTop=0;
}
clearInterval(marqueeInterval[1]);
marqueeInterval[1]=setInterval("scrollMarquee()",20);
}
function scrollMarquee() {
marqueeBox.scrollTop++;
if(marqueeBox.scrollTop%marqueeHeight==(marqueeHeight-1)){
clearInterval(marqueeInterval[1]);
}
}
initMarquee();
</script>


求一段简单代码!点一个连接后,自动回到网站最底部!
则点击“页面底部”时,到达本页的底部。

请问怎样分段设置 word 2003 的页码?
再点选“设置页码款式”按钮(第四个按钮)进入后,在“页码款式”对话框下部“页码编排”选项栏中勾选“肇始页码”,并依据你的要求在“肇始页码”后的空缺框中选择注释第一页的页码,

求一段网页代码(超级简单,200分悬赏)
1.看看下面这段代码 <Script> function reurl(){ url = location.href; \/\/把当前页面的地址赋给变量 url var times = url.split("?"); \/\/分切变量 url 分隔符号为 "?"if(times[1] != 1){ \/\/如果?后的值不等于1表示没有刷新 url += "?1"; \/\/把变量 url 的值加入 ?1 self.l...

求asp采集代码。只采集页面中的一小段代码。
Dim HttpUrl : HttpUrl="http:\/\/www.zdic.net\/nongli\/inc\/ll2.asp?yy=2010&mm=1&dd=10"'要采集的目录页面地址 Dim StartGet : StartGet = GetHttpPage(HttpUrl)'if StartGet <> "$False$" Then ' Dim List : List = GetBody(StartGet,"","",false,1)'List = trim(replace(List,...

求一段简单的分页代码--asp代码
' 设置当前的页号( AbsolutePage属性)if page = 0 then page =1 end if RS.AbsolutePage = page x=1 ' 显示当前页中的所有记录( PageSize中设置的行数)WHILE NOT RS.EOF AND NumRows<RS.PageSize > <%=rs("id")%> <a href="view.asp?id=<%=rs("id")%>" target="_blank...

html如何空格?
1、插入一个非间断空格,当需要插入多个空格时,请输入或 代码。 它们名为“空格占位符”,输入几个,就能在页面中显示几个空格。2、插入不同宽度的空格。有多种字符实体可以让浏览器显示空格。  — “en空格”是根据字体排印学的计量单位命名,宽度是两个普通空格的宽度,  — “...

如何用css,在两个按钮间插入一段空隙
需要准备的材料分别有:电脑、浏览器、html编辑器。1、首先,打开html编辑器,新建html文件,例如:index.html。2、在index.html中的标签中,输入css代码:button { margin-right: 10px;}。3、浏览器运行index.html页面,此时成功在2个按钮间插入了1个10px的空隙。

求带输入框的网页代码 一段网址,其中有个输入框,输入字符确定后就可以进...
试试这样:

求一段php分页代码,就像网上用于图书的分页,请教各位高手
lastpg=ceil($total\/$rows); \/\/最后页,也是总页数 \/\/$page=min($lastpg,$page);prepg=$page-1; \/\/上一页 nextpg=($page==$lastpg ? 0 : $page+1); \/\/下一页 begincount=($page-1)*$rows;\/\/如果只有一页则跳出函数:if($lastpg<1) return false;\/\/开始分页导航条代码:page...

怎么设置word页码
1、word文档中,点击“插入”菜单栏。2、点击页眉和页脚设置中的“页码”选项。3、在打开的选项中,可以根据需要点击“页面顶端”或者“页面底端”,一般会选中页面底端,然后选择需要的页码样式即可插入页码。4、点击“设置页码格式”。5、可以根据需要设置页码的编号格式,以及起始页码等。

林西县13713219183: 网页代码:求一个隔段时间可停顿的滚动字幕代码 -
守舍佳可: JS 滚动字幕文字新法我想大家都看过各种各样的滚动(最常用的就是用在新闻的更新上面),一般情况下只要不是图片,都是用HTML本身就有提供一个很不错的滚动标记——marquee来完成的(用JS也可以同样实现这种效果);当然并不是...

林西县13713219183: 网页中谁知道 实现字幕滚动一栏停一下,间隔几秒继续滚动的代码? -
守舍佳可: <SCRIPT language=javascript><!-- marqueesHeight=230; //内容区高度 stopscroll=false; //这个变量控制是否停止滚动 with(marquees){ noWrap=true; //这句表内容区不自动换行 style.width=0; //于是我们可以将它的宽度设为0,因为它会被撑...

林西县13713219183: 什么网页滚动代码能让鼠标停下时文字停止滚动,鼠标移开继续滚动? -
守舍佳可: 很简单: <marquee onmouseover="this.stop()" onmouseout="this.start()">输入文字</marquee>

林西县13713219183: 网页中不间断滚动字母html代码 -
守舍佳可: <div id="marquees" align="left"><!-- 这些是字幕的内容,你可以任意定义 --><table width="100%" border="0" cellspacing="2" cellpadding="0"><tr> <td align="center" class="FEA203br">搜搜问问</td> </tr> <tr> <td align...

林西县13713219183: 求一ASP网页图片循环滚动代码? -
守舍佳可: <div id="c_9"> <marquee direction="left" TrueSpeed scrollamount="1" scrolldelay="30" onMouseOver="this.stop();" onMouseOut="this.start();"> <img src="images/p_0/p_1.jpg" width="150" height="130" border="1" /> ...

林西县13713219183: 网页制作中,如何写滚动图片部分的代码?要求连续滚动无间歇.谢谢! -
守舍佳可: marquee>文字</marquee> 这是从左到右不停地滚动的代码 添加在<head/>后

林西县13713219183: 谁帮我写一个html文字滚动的特效代码 -
守舍佳可: <html><head><title>滚动的文字、图片</title></head><body><marquee direction="right" behavior="scroll" scrollamount="10" scrolldelay="10">这是一个滚动字幕.</marquee><hr width="98%"></body></html> 你设置一下滚动延迟时间scrolldelay短一点就可以了

林西县13713219183: 急求html代码,当鼠标移动到图片,图片停此滚动? -
守舍佳可: 下面的图片滚动代码仅用于html网页中,分别可以向上向下向左向右的滚动!把下面此代码插入html网页的<body>< /body>中就可以了!<!--下面是向上滚动代码--><div id=butong_net_top style=overflow:hidden;height:100;width:90;> <div id=...

林西县13713219183: 谁能帮我找到向上滚动且有停顿的网页代码?谢谢先了
守舍佳可: 那是没有的 只有一直向上走 那有停停走走的啊 在看的地方 点以下鼠标滚动键就 OK了

林西县13713219183: 求一个文字滚动代码
守舍佳可: 在要实现滚动的地方,加入此代码: <marquee direction=up>要输入的文字</marquee> UP是向上, DOWN是向下,Left向左,Right向右. 这两个属性决定文字滚动的速度(scrollamount)和延时(scrolldelay),参数值都是正整数.如下所示: ...

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网