HTML 无缝文字滚动怎么做
现在只能向左滚没了才重新显示怎么改成类似无缝滚动的呢<tableid="tables"style="float:right;margin-right:10px;ma...
现在只能向左滚没了才重新显示 怎么改成类似无缝滚动的呢<table id="tables" style=" float:right; margin-right:10px; margin-bottom:10px; padding-top: 6px;" border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td width="640" style="color:#990000; font-weight:bolder;"><marquee align="down" direction="left" width="100%" height="20" onMouseMove="this.stop();" onMouseOut="this.start();" scrolldelay="250">滚动字幕显示 公告栏 热门关键字等信息 </marquee></td> <td width="10"></td> <td><select class="inputstyle" size="1" name="gcat"> <option value="0" selected="selected">- 所有分类 -</option> <option value="12">----童装</option> <option value="13">------男装</option> <option value="14">------女装</option> </select> </td> <td style="padding-left: 10px;">关键字：</td> <td><input class="inputstyle" size="15" name="gkey" style="margin: 0pt; padding: 0pt; height: 19px;"></td> <td style="padding-left: 5px;"><input name="image" src="images/search.gif" align="middle" type="image"></td> </tr> </tbody> </table>
展开
展开全部
<html>
<head>
</head>
<style>
#one{
width=220px;
height=200px;
border: 1px solid #069;
overflow:hidden;
font-size:12px;
line-height:20px;
}
</style>
<body>
<div id="one">
<div id="two">
一直在盼望着一段美丽的爱 <br>
所以我毫不犹疑地将你舍弃 <br>
流浪的途中我不断寻觅 <br>
却没料到回首之时 <br>
年轻的你从未稍离 <br>
从未稍离的你在我心中 <br>
春天来时便反复地吟唱 <br>
那滨江路上的灰沙炎日 <br>
那丽水街前的一地月光 <br>
那清晨园中为谁摘下的茉莉 <br>
那渡船头上风里翻飞的裙裳 <br>
在风里翻飞然后纷纷坠落 <br>
岁月深埋在土中便成琥珀 <br>
在灰色的黎明前我怅然回顾 <br>
亲爱的朋友啊 <br>
难道鸟必要自焚才能成为凤凰<br>
难道青春必要愚昧 <br>
爱必得忧伤 <br>
</div>
<div id="three">
</div>
</div>
<script>
var one=document.getElementById("one");
var two=document.getElementById("two");
var three=document.getElementById("three");
three.innerHTML=two.innerHTML;
function move(){
if(three.offsetTop-one.scrollTop<=0){
one.scrollTop-=three.offsetTop;
}
one.scrollTop++;
window.document.title=one.scrollTop+','+three.offsetTop;
}
setInterval("move()",30);
</script>
</body>
</html>
无缝滚动要用js实现 这个是以前写的 这个事上下滚动，不过原理一样，你要不会js的话我帮你写个
<head>
</head>
<style>
#one{
width=220px;
height=200px;
border: 1px solid #069;
overflow:hidden;
font-size:12px;
line-height:20px;
}
</style>
<body>
<div id="one">
<div id="two">
一直在盼望着一段美丽的爱 <br>
所以我毫不犹疑地将你舍弃 <br>
流浪的途中我不断寻觅 <br>
却没料到回首之时 <br>
年轻的你从未稍离 <br>
从未稍离的你在我心中 <br>
春天来时便反复地吟唱 <br>
那滨江路上的灰沙炎日 <br>
那丽水街前的一地月光 <br>
那清晨园中为谁摘下的茉莉 <br>
那渡船头上风里翻飞的裙裳 <br>
在风里翻飞然后纷纷坠落 <br>
岁月深埋在土中便成琥珀 <br>
在灰色的黎明前我怅然回顾 <br>
亲爱的朋友啊 <br>
难道鸟必要自焚才能成为凤凰<br>
难道青春必要愚昧 <br>
爱必得忧伤 <br>
</div>
<div id="three">
</div>
</div>
<script>
var one=document.getElementById("one");
var two=document.getElementById("two");
var three=document.getElementById("three");
three.innerHTML=two.innerHTML;
function move(){
if(three.offsetTop-one.scrollTop<=0){
one.scrollTop-=three.offsetTop;
}
one.scrollTop++;
window.document.title=one.scrollTop+','+three.offsetTop;
}
setInterval("move()",30);
</script>
</body>
</html>
无缝滚动要用js实现 这个是以前写的 这个事上下滚动，不过原理一样，你要不会js的话我帮你写个
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
上下无缝滚动代码：
<div id="demo" style="height:50px;overflow:hidden;">
<div id="indemo" style="height:200%;">
<div id="demo1">
第一行字<br />
第二行字
</div>
<div id="demo2"></div>
</div>
</div>
</body>
<script type="text/javascript">
speed = 100; //数字越大滚得越慢
var tab = document.getElementById("demo");
var tab1 = document.getElementById("demo1");
var tab2 = document.getElementById("demo2");
tab2.innerHTML = tab1.innerHTML;
tab.scrollTop = tab1.offsetHeight;
function Marquee(){
if (tab.scrollTop >= tab1.offsetHeight) {
tab.scrollTop-=tab2.offsetHeight;
}else{
tab.scrollTop+=1;
}
}
var MyMar=setInterval(Marquee,speed);
</script>
左右横向无缝滚动代码
<table cellSpacing=0 cellPadding=0 width=100 align=center border=0>
<tr>
<td width=190 bgColor=#d6f6fd height=27></td>
<td bgColor=#d6f6fd height=27>
<marquee onmouseover=this.stop() onmouseout=this.start() scrollAmount=2 scrollDelay=60 width=580 height=20>
<a class="#" href="#" onclick="javascript:window.open('', 'newwindow')" title="\">横向滚动的广告效果1 [ 7/13/2012]
<a class="#" href="#" onclick="javascript:window.open('', 'newwindow')" title="\">横向滚动的广告效果2 [ 7/13/2012]
<a class="#" href="#" onclick="javascript:window.open('', 'newwindow')" title="\">横向滚动的广告效果3 [ 7/10/2012]
</marquee>
</td>
</tr>
</table>
<div id="demo" style="height:50px;overflow:hidden;">
<div id="indemo" style="height:200%;">
<div id="demo1">
第一行字<br />
第二行字
</div>
<div id="demo2"></div>
</div>
</div>
</body>
<script type="text/javascript">
speed = 100; //数字越大滚得越慢
var tab = document.getElementById("demo");
var tab1 = document.getElementById("demo1");
var tab2 = document.getElementById("demo2");
tab2.innerHTML = tab1.innerHTML;
tab.scrollTop = tab1.offsetHeight;
function Marquee(){
if (tab.scrollTop >= tab1.offsetHeight) {
tab.scrollTop-=tab2.offsetHeight;
}else{
tab.scrollTop+=1;
}
}
var MyMar=setInterval(Marquee,speed);
</script>
左右横向无缝滚动代码
<table cellSpacing=0 cellPadding=0 width=100 align=center border=0>
<tr>
<td width=190 bgColor=#d6f6fd height=27></td>
<td bgColor=#d6f6fd height=27>
<marquee onmouseover=this.stop() onmouseout=this.start() scrollAmount=2 scrollDelay=60 width=580 height=20>
<a class="#" href="#" onclick="javascript:window.open('', 'newwindow')" title="\">横向滚动的广告效果1 [ 7/13/2012]
<a class="#" href="#" onclick="javascript:window.open('', 'newwindow')" title="\">横向滚动的广告效果2 [ 7/13/2012]
<a class="#" href="#" onclick="javascript:window.open('', 'newwindow')" title="\">横向滚动的广告效果3 [ 7/10/2012]
</marquee>
</td>
</tr>
</table>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
无缝滚动是要文字连续滚动的效果么？
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
