来源：蜘蛛抓取(WebSpider)
时间：2015-09-21 11:02
标签：
marquee.js
JS 滚动字幕文字新法
作者： 时间： 文档类型：原创 来自：
我想大家都看过各种各样的滚动（最常用的就是用在新闻的更新上面），一般情况下只要不是图片，都是用HTML本身就有提供一个很不错的滚动标记――marquee来完成的（用JS也可以同样实现这种效果）；当然并不是说图片就不能那样做。 以下为marquee的一些基本的参数：该标记语法格式如下： &marquee aligh=left|center|right|top|bottombgcolor=#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=/updatelist.asp target=_blank&站点最新更新六十条&/a&';
marqueeContent[2]='&A href=/tech/graph/.asp target=_blank&羽毛效果制作教程&/a&';
marqueeContent[3]='&A href=/tech/program/.asp target=_blank&MySQL＆ASP&/a&';
marqueeContent[4]='&A href=/tech/web/.asp target=_blank&初步了解CSS3&/a&';
marqueeContent[5]='&A href=/tech/graph/.asp target=_blank&Fireworks MX 2004执行面版操作&/a&';
marqueeContent[6]='&A href=/tech/graph/.asp target=_blank&Fireworks MX 2004等高渐变填充&/a&';
marqueeContent[7]='&A href=/photo/gallery/.asp target=_blank&瓶子里的花&/a&';
marqueeContent[8]='&A href=/tech/graph/.asp target=_blank&Fireworks MX 实现选项卡式效果&/a&';
marqueeContent[9]='&A href=/photo/gallery/.asp target=_blank&情侣：黑白的爱情空气&/a&';
marqueeContent[10]='&A href=/tech/graph/.asp target=_blank&制作 MAC 风格的苹果标志&/a&';
marqueeContent[11]='&A href=/tech/graph/.asp target=_blank&蛋壳制作及破壳而出的人物合成&/a&';
var marqueeInterval=new Array();
//定义一些常用而且要经常用到的变量
var marqueeId=0;
var marqueeDelay=4000;
var marqueeHeight=16;
//接下来的是定义一些要使用到的函数
Array.prototype.random=function() {
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]);
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: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=
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=
marqueeBox.appendChild(nextLine);
marqueeBox.childNodes[0].innerHTML=
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();
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
责任编辑：
◎进入论坛版块参加讨论
蓝色理想版权申明：除部分特别声明不要转载，或者授权我站独家播发的文章外，大家可以自由转载我站点的原创文章，但原作者和来自我站的链接必须保留（非我站原创的，按照原来自一节，自行链接）。文章版权归我站和作者共有。
转载要求：转载之图片、文件，链接请不要盗链到本站，且不准打上各自站点的水印，亦不能抹去我站点水印。
特别注意：本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有，文章若有侵犯作者版权，请与我们，我们将立即删除修改。
本文现有 5 条评论 评分：- llllllllllllllllllll + 评分人数: 1 ,平均分: 5.00 Publish at
17:58:23 老大用不来呀.能不能写一个教程呀,我是用表格布局的..能不能写一个啷个修改这此参数法呀.如滚动方式.. Publish at
21:59:33 评分5hao!!!<font color=#.104.201.26 Publish at
16:36:13 谢谢,正到处找呢,拿来用一下,不介意吧.<font color=#.52.43.2 Publish at
14:34:04 goog job Publish at
19:24:34 呵呵代码早就看过了不过小何确实写的不错
说明：输入正确的用户名和密码才能参与评论。如果您不是本站会员，你可以 为本站会员。
注意：文章中的链接、内容等需要修改的错误，请用，以利文档及时修改。
注意：请不要在评论中含与内容无关的广告链接，违者封ID
请您注意：?不良评论请用，以利管理员及时删除。?尊重网上道德，遵守中华人民共和国的各项有关法律法规?承担一切因您的行为而直接或间接导致的民事或刑事法律责任?本站评论管理人员有权保留或删除其管辖评论中的任意内容
?您在本站发表的作品，本站有权在网站内转载或引用 ?参与本评论即表明您已经阅读并接受上述条款
专业书推荐
&1999-. 版权所有后使用快捷导航没有帐号？
只需一步，快速开始
查看: 3582|回复: 5
求助:在同一页面有两个滚动效果，冲突出在那里？
UID185769在线时间 小时积分93帖子离线16699 天注册时间
初级会员, 积分 93, 距离下一级还需 107 积分
以下分别是两个滚动效果的代码：
var speed=30
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft&=0)
demo.scrollLeft-=demo1.offsetWidth
demo.scrollLeft++
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
————————————————————————————————————
var aoyunspeed=50
var _aoyun=document.getElementById(&aoyun&);
var _aoyun1=document.getElementById(&aoyun1&);
var _aoyun2=document.getElementById(&aoyun2&);
aoyun2.innerHTML=aoyun1.innerHTML
function Marquee(){
if(_aoyun2.offsetTop-_aoyun.scrollTop&=0){
_aoyun.scrollTop-=_aoyun1.offsetHeight
_aoyun.scrollTop++
var MyBa=setInterval(MarBa,aoyunspeed)
_aoyun.onmouseover=function() {clearInterval(MyBa)}
_aoyun.onmouseout=function() {MyBa=setInterval(Mar,aoyunspeed)}
UID185769在线时间 小时积分93帖子离线16699 天注册时间
初级会员, 积分 93, 距离下一级还需 107 积分
回复 #1 kunqueen 的帖子
现在是没办法控制鼠标悬放运动的开始和停止。我已经修改了“var MyBa”变量的名称，为什么还是不行呢？请各位帮忙？
UID113524在线时间 小时积分38524帖子离线16699 天注册时间
Javascript函数里ID只能唯一存在，不能一个ID同时表示两个Javascript函数。故楼主那个同一页面两个滚动做不出来。
同一页面同时存在两个滚动的例子：
&!-- start ------------------------------------------------------------&
¢er&相对定位版不间断滚动：&br&&br&
&div style=&width:200height:150overflow:hidden&&
&table cellspacing=0 cellpadding=5 bgcolor=#F8F8F8 style=&position:top:0width:200table-layout:fixed& id=news&
&td valign=top height=150&&br&
&marquee behavior=&alternate&&&Font Size=3 Face=&楷体_GB2312&&&B&&Font Color=&#FF00FF&&没&/Font&&Font Color=ᰠFF&&银&/Font&&Font Color=FF&&子&/Font&&Font Color=PFF&&的&/Font&&Font Color=�C0C7&&日&/Font&&Font Color=�C039&&子&/Font&&Font Color=7C000&&不&/Font&&Font Color=&#E2C000&&好&/Font&&Font Color=&#FF6B00&&过&/Font&&Font Color=&#FF0000&&啊&/Font&&/B&&/Font&
&/marquee&&br&&br&
&Font Size=3 Face=&楷体_GB2312&&&Font Color=&#FF00FF&&科&/Font&&Font Color=&#D400FF&&少&/Font&&Font Color=&#A800FF&&，&/Font&&Font Color=C00FF&&你&/Font&&Font Color=ᎈFF&&开&/Font&&Font Color=ॠFF&&一&/Font&&Font Color=FF&&美&/Font&&Font Color=FF&&食&/Font&&Font Color=0FF&&博&/Font&&Font Color=EFF&&客&/Font&&Font Color=BFF&&吧&/Font&&Font Color=�ACFF&&，&/Font&&Font Color=�C0EE&&然&/Font&&Font Color=�C0C2&&后&/Font&&Font Color=�C096&&把&/Font&&Font Color=�C06A&&一&/Font&&Font Color=�C03E&&些&/Font&&Font Color=�C012&&菜&/Font&&Font Color=AC000&&呀&/Font&&Font Color=.C000&&，&/Font&&Font Color=HC000&&汤&/Font&&Font Color=	EC000&&呀&/Font&&Font Color=&#CAC000&&什&/Font&&Font Color=&#F6C000&&么&/Font&&Font Color=&#FFA600&&的&/Font&&Font Color=&#FF8500&&作&/Font&&Font Color=&#FF6400&&法&/Font&&Font Color=&#FF4300&&都&/Font&&Font Color=&#FF2200&&写&/Font&&Font Color=&#FF0000&&到&/Font&&Font Color=&#FF2100&&里&/Font&&Font Color=&#FF4200&&面&/Font&&Font Color=&#FF6300&&去&/Font&&Font Color=&#FF8400&&，&/Font&&Font Color=&#FFA500&&哪&/Font&&Font Color=&#F7C000&&天&/Font&&Font Color=&#CBC000&&我&/Font&&Font Color=	FC000&&神&/Font&&Font Color=IC000&&经&/Font&&Font Color=/C000&&出&/Font&&Font Color=BC000&&了&/Font&&Font Color=�C011&&问&/Font&&Font Color=�C03D&&题&/Font&&Font Color=�C069&&的&/Font&&Font Color=�C095&&时&/Font&&Font Color=�C0C1&&候&/Font&&Font Color=�C0ED&&还&/Font&&Font Color=�ADFF&&可&/Font&&Font Color=CFF&&以&/Font&&Font Color=AFF&&去&/Font&&Font Color=1FF&&那&/Font&&Font Color=FF&&边&/Font&&Font Color=FF&&学&/Font&&Font Color=ࣼFF&&学&/Font&&Font Color=F00FF&&怎&/Font&&Font Color=B00FF&&么&/Font&&Font Color=&#A700FF&&做&/Font&&Font Color=&#D300FF&&菜&/Font&&Font Color=&#FF00FF&&。&/Font&&/Font&
&td valign=top height=150&
&b&让一部分人先个性起来&/b&&br&
&Font Size=3 Face=&@新宋体&&&Font Color=&#FF00FF&&由&/Font&&Font Color=&#C600FF&&此&/Font&&Font Color=C00FF&&想&/Font&&Font Color=ᑐFF&&起&/Font&&Font Color=܈FF&&来&/Font&&Font Color=AFF&&小&/Font&&Font Color=-FF&&时&/Font&&Font Color=GFF&&后&/Font&&Font Color=	DFF&&我&/Font&&Font Color=�C0F4&&家&/Font&&Font Color=�C0BA&&邻&/Font&&Font Color=�C080&&居&/Font&&Font Color=�C046&&一&/Font&&Font Color=�C00C&&个&/Font&&Font Color=EC000&&九&/Font&&Font Color=DC000&&十&/Font&&Font Color=&#A2C000&&多&/Font&&Font Color=&#DCC000&&岁&/Font&&Font Color=&#FFAF00&&朝&/Font&&Font Color=&#FF8300&&鲜&/Font&&Font Color=&#FF5800&&老&/Font&&Font Color=&#FF2C00&&太&/Font&&Font Color=&#FF0000&&太&/Font&&Font Color=&#FF0000&&年&/Font&&Font Color=&#FF2B00&&年&/Font&&Font Color=&#FF5700&&冬&/Font&&Font Color=&#FF8200&&天&/Font&&Font Color=&#FFAE00&&下&/Font&&Font Color=&#DDC000&&地&/Font&&Font Color=&#A3C000&&窖&/Font&&Font Color=EC000&&搬&/Font&&Font Color=FC000&&坛&/Font&&Font Color=�C00B&&子&/Font&&Font Color=�C045&&搞&/Font&&Font Color=�C07F&&出&/Font&&Font Color=�C0B9&&正&/Font&&Font Color=�C0F3&&宗&/Font&&Font Color=	EFF&&的&/Font&&Font Color=HFF&&高&/Font&&Font Color=.FF&&丽&/Font&&Font Color=BFF&&泡&/Font&&Font Color=ڤFF&&（&/Font&&Font Color=ᏬFF&&咸&/Font&&Font Color=B00FF&&）&/Font&&Font Color=&#C500FF&&菜&/Font&&Font Color=&#FF00FF&&。&/Font&&/Font&
&td valign=top height=350&
&b&生活就是一盘大锅菜&/b&&br&
&Font Size=3 Face=&楷体_GB2312&&&Font Color=&#FF00FF&&缀&/Font&&Font Color=&#E600FF&&满&/Font&&Font Color=&#CD00FF&&树&/Font&&Font Color=&#B400FF&&枝&/Font&&Font Color=	B00FF&&的&/Font&&Font Color= FF&&红&/Font&&Font Color=᫴FF&&叶&/Font&&Font Color=ᎈFF&&啊&/Font&&Font Color=๴FF&&，&/Font&&Font Color=E00FF&&你&/Font&&Font Color=ǴFF&&嫣&/Font&&Font Color=�FFF&&红&/Font&&Font Color=FF&&蕴&/Font&&Font Color="FF&&含&/Font&&Font Color=/FF&&着&/Font&&Font Color=AFF&&多&/Font&&Font Color=DFF&&情&/Font&&Font Color=PFF&&目&/Font&&Font Color=\FF&&光&/Font&&Font Color=�A5FF&&。&/Font&&Font Color=�B8FF&&一&/Font&&Font Color=�C0F0&&种&/Font&&Font Color=�C0D7&&相&/Font&&Font Color=�C0BE&&思&/Font&&Font Color=�C0A5&&，&/Font&&Font Color=�C08C&&两&/Font&&Font Color=�C073&&地&/Font&&Font Color=�C05A&&闲&/Font&&Font Color=�C041&&愁&/Font&&Font Color=�C028&&，&/Font&&Font Color=�C00F&&一&/Font&&Font Color=�AC000&&汪&/Font&&Font Color=C000&&泪&/Font&&Font Color=CC000&&眼&/Font&&Font Color=7C000&&，&/Font&&Font Color=EC000&&一&/Font&&Font Color=WC000&&心&/Font&&Font Color=&#A0C000&&柔&/Font&&Font Color=&#B9C000&&肠&/Font&&Font Color=&#D2C000&&，&/Font&&Font Color=&#EBC000&&无&/Font&&Font Color=&#FFBD00&&语&/Font&&Font Color=&#FFAA00&&问&/Font&&Font Color=&#FF9700&&晚&/Font&&Font Color=&#FF8400&&霞&/Font&&Font Color=&#FF7100&&却&/Font&&Font Color=&#FF5F00&&为&/Font&&Font Color=&#FF4C00&&何&/Font&&Font Color=&#FF3900&&竟&/Font&&Font Color=&#FF2600&&结&/Font&&Font Color=&#FF1300&&不&/Font&&Font Color=&#FF0000&&成&/Font&&Font Color=&#FF0000&&一&/Font&&Font Color=&#FF1200&&个&/Font&&Font Color=&#FF2500&&圆&/Font&&Font Color=&#FF3800&&满&/Font&&Font Color=&#FF4B00&&的&/Font&&Font Color=&#FF5E00&&怀&/Font&&Font Color=&#FF7000&&想&/Font&&Font Color=&#FF8300&&。&/Font&&Font Color=&#FF9600&&孤&/Font&&Font Color=&#FFA900&&独&/Font&&Font Color=&#FFBC00&&静&/Font&&Font Color=&#EBC000&&坐&/Font&&Font Color=&#D2C000&&在&/Font&&Font Color=&#B9C000&&山&/Font&&Font Color=&#A0C000&&上&/Font&&Font Color=WC000&&，&/Font&&Font Color=EC000&&晚&/Font&&Font Color=7C000&&风&/Font&&Font Color=CC000&&有&/Font&&Font Color=C000&&些&/Font&&Font Color=�AC000&&清&/Font&&Font Color=�C00F&&凉&/Font&&Font Color=�C028&&，&/Font&&Font Color=�C041&&甩&/Font&&Font Color=�C05A&&给&/Font&&Font Color=�C073&&山&/Font&&Font Color=�C08C&&上&/Font&&Font Color=�C0A5&&寂&/Font&&Font Color=�C0BE&&寥&/Font&&Font Color=�C0D7&&的&/Font&&Font Color=�C0F0&&人&/Font&&Font Color=�B9FF&&，&/Font&&Font Color=�A6FF&&这&/Font&&Font Color=]FF&&无&/Font&&Font Color=PFF&&言&/Font&&Font Color=EFF&&的&/Font&&Font Color=BFF&&惆&/Font&&Font Color=0FF&&怅&/Font&&Font Color=#FF&&伴&/Font&&Font Color=FF&&注&/Font&&Font Color=
FF&&定&/Font&&Font Color=ǴFF&&你&/Font&&Font Color=E00FF&&又&/Font&&Font Color=๴FF&&要&/Font&&Font Color=ᎈFF&&度&/Font&&Font Color=᫴FF&&过&/Font&&Font Color= FF&&一&/Font&&Font Color=	B00FF&&个&/Font&&Font Color=&#B400FF&&无&/Font&&Font Color=&#CD00FF&&眠&/Font&&Font Color=&#E600FF&&夜&/Font&&Font Color=&#FF00FF&&。&/Font&&/Font&
&img src=&/images/blue/smilies/eek.gif&&
新闻内容&br&
新闻内容&br&
&script language=javascript&
//重复一次新闻内容
document.write(news.tBodies[0].innerHTML)
&script language=javascript&
//实现不间断滚动
function newsScroll()
news.style.pixelTop=(news.style.pixelTop-1)%(news.clientHeight/2);
timer1=setInterval('newsScroll()',10)
//更改第二个参数可以改变速度，值越小，速度越快。
&!-- end --------------------------------------------------------------&
&!-- start ------------------------------------------------------------&
iframe版不间断滚动：&br&&br&
&iframe name=newsFrame width=200 height=150 frameborder=0 scrolling=no&&/iframe&
&script language=javascript&
//这里只是为了方便，向iframe中写入内容，实际使用时直接做一页把内容放进去。
var contents=news.outerHTML;
newsFrame.document.writeln(&&body style='margin:0'&&);
newsFrame.document.writeln(&&table cellspacing=0 cellpadding=5 bgcolor=#F8F8F8 style='position:top:0width:200table-layout:fixed' id=news&&);
newsFrame.document.writeln(news.tBodies[0].innerHTML);
newsFrame.document.writeln(news.tBodies[0].innerHTML);
newsFrame.document.writeln(&&/table&&);
//实现不间断滚动
var start=0;
function frameScroll()
start=(start+1)%(newsFrame.news.clientHeight/2);
newsFrame.scrollTo(0,start);
setInterval('frameScroll()',10)
//更改第二个参数可以改变速度，值越小，速度越快。
&!-- end --------------------------------------------------------------&
&提示：您可以先修改部分代码再运行
SCROLLBAR-FACE-COLOR: #660000; SCROLLBAR-HIGHLIGHT-COLOR: # SCROLLBAR-SHADOW-COLOR: # SCROLLBAR-3DLIGHT-COLOR: #660000; SCROLLBAR-ARROW-COLOR: # SCROLLBAR-TRACK-COLOR: # SCROLLBAR-DARKSHADOW-COLOR: #660000
&script language=&JavaScript& defer&
//qswh's original and modifid by windy_sk &windy_&
function reportError(msg,url,line) {
var str = &You have found an error as below: \n\n&;
str += &Err: & + msg + & on line: & +
alert(str);
window.onerror = reportE
var obj_marquee = document.getElementById(&marquee&);
var repeat =
var marquee_spd = 50;
function marquee_init() {
var obj_unit = obj_marquee.firstC
var marquee_high = parseInt(obj_marquee.style.height);
var marquee_wide = parseInt(obj_marquee.style.width);
var unit_high = obj_unit.offsetH
var unit_wide = obj_unit.offsetW
var m = 0, n = 0, i = 0;
m = Math.ceil(marquee_wide / unit_wide);
n = Math.ceil(marquee_high / unit_high);
obj_unit.style.width = marquee_wide * (m+1);
obj_unit.rows[0].cells[0].style.width = obj_marquee.style.
for(i=0; i&m; i++) {
tmp = obj_unit.rows[0].insertCell(-1);
tmp.innerHTML = obj_unit.rows[0].cells[0].innerHTML;
tmp.style.width = marquee_
for(i=0; i&n; i++) {
obj_marquee.appendChild(obj_unit.cloneNode(true));
function marquee_show(direction) {
switch(direction) {
case &up&:
if(obj_marquee.scrollTop &= obj_marquee.children[1].offsetTop) {
obj_marquee.scrollTop -= obj_marquee.firstChild.offsetH
obj_marquee.scrollTop++;
case &down&:
if(obj_marquee.scrollTop &= 0) {
obj_marquee.scrollTop += obj_marquee.firstChild.offsetH
obj_marquee.scrollTop--;
case &left&:
if(obj_marquee.scrollLeft &= obj_marquee.firstChild.rows[0].cells[0].offsetWidth) {
obj_marquee.scrollLeft -= obj_marquee.firstChild.rows[0].cells[0].offsetW
obj_marquee.scrollLeft++;
case &right&:
if(obj_marquee.scrollLeft &= 0) {
obj_marquee.scrollLeft += obj_marquee.firstChild.rows[0].cells[0].offsetW
obj_marquee.scrollLeft--;
function marquee_doit() {
var direction = &&;
direction = obj_marquee.getAttribute(&direction&);
if(direction != null) marquee_show(direction);
direction = obj_marquee.getAttribute(&direction2&);
if(direction != null) marquee_show(direction);
marquee_init();
repeat = setInterval(&marquee_doit()&,marquee_spd);
marquee.onmouseover = function() {clearInterval(repeat);}
marquee.onmouseout = function() {repeat=setInterval(&marquee_doit()&,marquee_spd);}
&table style=&border:1&&&tr&&td&
&div id=&marquee& direction=&up& style=&overflow:height:200width:250px&&
&table style=&border:0padding:0&&&tr&&td&
&!-- Marquee Body Head --&
&a href=&#& target=&_blank&&经典论坛&/a&&br&
&a href=&#& target=&_blank&&&/a&&br&
&a href=&#& target=&_blank&&&/a&&br&
&a href=&#& target=&_blank&&Happy new year&/a&
&!-- Marquee Body Bottom --&
&/td&&/tr&&/table&
&/td&&/tr&&/table&
Direction1:
&input type=&button& value=&↑& onclick=&obj_marquee.direction='up'&&
&input type=&button& value=&↓& onclick=&obj_marquee.direction='down'&&
&input type=&button& value=&←& onclick=&obj_marquee.direction='left'&&
&input type=&button& value=&→& onclick=&obj_marquee.direction='right'&&
&input type=&button& value=& X & onclick=&obj_marquee.direction=''&& &br&
Direction2:
&input type=&button& value=&↑& onclick=&obj_marquee.direction2='up'&&
&input type=&button& value=&↓& onclick=&obj_marquee.direction2='down'&&
&input type=&button& value=&←& onclick=&obj_marquee.direction2='left'&&
&input type=&button& value=&→& onclick=&obj_marquee.direction2='right'&&
&input type=&button& value=& X & onclick=&obj_marquee.direction2=''&&
&br&&br&&br&&br&
&base href=&http://www.smallrain.net&&
&table width=700 border=0 cellpadding=0 cellspacing=0&
&div id=demo style=overflow:height:120;width:700;color:#ffffff&&table align=left cellpadding=0 cellspace=0 border=0&&tr&&td id=demo1 valign=top&
&table border=0 cellpadding=0 cellspacing=0&
&tr&&td&&a href=# target=_blank&&img src=jsimg/1.jpg width=150 height=100
class=b5 hspace=22&&/a&&br&¢er&&b&说明一&/b&&/center&&/td&
&td width=30&&/td&
&td&&a href=# target=_blank&&img src=jsimg/2.jpg width=150 height=100
class=b5 hspace=22&&/a&&br&¢er&&b&说明二&/b&&/center&&/td&&/td&
&td width=30&&/td&
&td&&a href=# target=_blank&&img src=jsimg/3.jpg width=150 height=100
class=b5 hspace=22&&/a&&br&¢er&&b&说明三&/b&&/center&&/td&
&td&&a href=# target=_blank&&img src=jsimg/4.jpg width=150 height=100
class=b5 hspace=22&&/a&&br&¢er&&b&说明四&/b&&/center&&/td&
&td width=30&&/td&
&td&&a href=# target=_blank&&img src=jsimg/5.jpg width=150 height=100
class=b5 hspace=22&&/a&&br&¢er&&b&说明五&/b&&/center&&/td&
&/td&&td id=demo2 valign=top&&/td&&/tr&&/table&&/div&
var speed=10//速度数值越大速度越慢
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft&=0)
demo.scrollLeft-=demo1.offsetWidth
demo.scrollLeft++
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
&/td&&/tr&
td{border:solid 1px dotted}
&td&走自己的路&/td&
&td&Love You Forever!!!&/td&
&marquee onmouseout=&start()& onmouseover=&stop()&&&a href=&javascript:alert('我不能没有你');&&天鹅飞去鸟不归，怀念昔日空费心，云开月下双匕影，水流几处又相逢，日落月出人倚月，单身贵族尔相随&/a&&/marquee&
&br&&br&&br&&br&
&br&&br&&br&
&提示：您可以先修改部分代码再运行
[[i] 本帖最后由 marvellous 于
14:24 编辑 ]
UID185769在线时间 小时积分93帖子离线16699 天注册时间
初级会员, 积分 93, 距离下一级还需 107 积分
哇哇，能否在我原有的代码上找出问题，看到marvellous的例子我有点晕。
我知道应该ID不重复呀，已经改了ID为什么还不行？？？？？
UID185769在线时间 小时积分93帖子离线16699 天注册时间
初级会员, 积分 93, 距离下一级还需 107 积分
有哪位大侠指点呀？
UID369029在线时间 小时积分12775帖子离线16699 天注册时间
&!DOCTYPE HTML PUBLIC &-//W3C//DTD HTML 4.0 Transitional//EN&&
&HTML&&HEAD&&TITLE&不间断滚动&/TITLE&
&META http-equiv=Content-Type content=&text/ charset=gb2312&&
&META content=&MSHTML 6.00.& name=GENERATOR&&/HEAD&
&base href=&http://www.smallrain.net&&
&TABLE cellSpacing=0 cellPadding=0 width=700 border=0&
&DIV id=demo style=&OVERFLOW: WIDTH: 700 COLOR: # HEIGHT: 120px&&
&TABLE cellPadding=0 align=left border=0 cellspace=&0&&
&TD id=demo1 vAlign=top&
&TABLE cellSpacing=0 cellPadding=0 border=0&
&TD&&A href=&#& target=_blank&&IMG class=b5 height=100 hspace=22 src=&jsimg/1.jpg& width=150&&/A&&BR&
&CENTER&&B&说明一&/B&&/CENTER&&/TD&
&TD width=30&&/TD&
&TD&&A href=&#& target=_blank&&IMG class=b5 height=100 hspace=22 src=&jsimg/2.jpg& width=150&&/A&&BR&
&CENTER&&B&说明二&/B&&/CENTER&&/TD&&/TD&
&TD width=30&&/TD&
&TD&&A href=&#& target=_blank&&IMG class=b5 height=100 hspace=22 src=&jsimg/3.jpg& width=150&&/A&&BR&
&CENTER&&B&说明三&/B&&/CENTER&&/TD&
&TD&&A href=&#& target=_blank&&IMG class=b5 height=100 hspace=22 src=&jsimg/4.jpg& width=150&&/A&&BR&
&CENTER&&B&说明四&/B&&/CENTER&&/TD&
&TD width=30&&/TD&
&TD&&A href=&#& target=_blank&&IMG class=b5 height=100 hspace=22 src=&jsimg/5.jpg& width=150&&/A&&BR&
&CENTER&&B&说明五&/B&&/CENTER&&/TD&&/TR&&/TBODY&&/TABLE&&/TD&
&TD id=demo2 vAlign=top&&/TD&&/TR&&/TBODY&&/TABLE&&/DIV&
var speed=10//速度数值越大速度越慢
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft&=0)
demo.scrollLeft-=demo1.offsetWidth
demo.scrollLeft++
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
&/TD&&/TR&&/TBODY&&/TABLE&&/CENTER&
&TABLE cellSpacing=0 cellPadding=0 width=700 border=0&
&DIV id=dom1 style=&OVERFLOW: WIDTH: 700 COLOR: # HEIGHT: 120px&&
&TABLE cellPadding=0 align=left border=0 cellspace=&0&&
&TD id=dom11 vAlign=top&
&TABLE cellSpacing=0 cellPadding=0 border=0&
&TD&&A href=&#& target=_blank&&IMG class=b5 height=100 hspace=22 src=&jsimg/1.jpg& width=150&&/A&&BR&
&CENTER&&B&说明一&/B&&/CENTER&&/TD&
&TD width=30&&/TD&
&TD&&A href=&#& target=_blank&&IMG class=b5 height=100 hspace=22 src=&jsimg/2.jpg& width=150&&/A&&BR&
&CENTER&&B&说明二&/B&&/CENTER&&/TD&&/TD&
&TD width=30&&/TD&
&TD&&A href=&#& target=_blank&&IMG class=b5 height=100 hspace=22 src=&jsimg/3.jpg& width=150&&/A&&BR&
&CENTER&&B&说明三&/B&&/CENTER&&/TD&
&TD&&A href=&#& target=_blank&&IMG class=b5 height=100 hspace=22 src=&jsimg/4.jpg& width=150&&/A&&BR&
&CENTER&&B&说明四&/B&&/CENTER&&/TD&
&TD width=30&&/TD&
&TD&&A href=&#& target=_blank&&IMG class=b5 height=100 hspace=22 src=&jsimg/5.jpg& width=150&&/A&&BR&
&CENTER&&B&说明五&/B&&/CENTER&&/TD&&/TR&&/TBODY&&/TABLE&&/TD&
&TD id=dom12 vAlign=top&&/TD&&/TR&&/TBODY&&/TABLE&&/DIV&
var speed=10//速度数值越大速度越慢
dom12.innerHTML=dom11.innerHTML
function Marquee(){
if(dom12.offsetWidth-dom1.scrollLeft&=0)
dom1.scrollLeft-=dom11.offsetWidth
dom1.scrollLeft++
var MyMar=setInterval(Marquee,speed)
dom1.onmouseover=function() {clearInterval(MyMar)}
dom1.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
&/TD&&/TR&&/TBODY&&/TABLE&&/CENTER&
&/BODY&&/HTML&
&提示：您可以先修改部分代码再运行
Powered by
