62,046
社区成员
发帖
与我相关
我的任务
分享文字不间断向上滚动
代码不能达到不间断滚动，滚动一段时间就停止了：
麻烦哪位帮忙看看，谢谢，在网上找到一些代码也是一样，运行一段时间就不动了
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
#Main
{
margin: 0 auto;
width: 1100px;
padding: 0;
height: auto;
overflow: hidden;
}
.pczt_pingfen_jhxs_news1
{
width: 237px;
background: #edfafd;
padding-top: 2px;
padding-bottom: 2px;
}
.pczt_pingfen_jhxs_xian
{
width: 237px;
border: 1px dashed #a8d1dd;
border-left: none;
border-right: none;
}
.pczt_pingfen_jhxs_noxian
{
width: 237px;
border: none;
}
.pczt_pingfen_jhxs_wenzi
{
color: #185881;
text-align: center;
line-height: 30px;
}
.pczt_pingfen_jhxs_wenzi2
{
line-height: 22px;
font-size: 12px;
text-indent: 2em;
color: #525252;
}
</style>
</head>
<body>
<div id="Main">
<div style="float: left; width: 237px; height: 250px; margin-top: 10px; overflow: hidden;
border: 1px solid #66CCFF">
<div style="background: url(Image/gonggao.gif); height: 33px;">
<span>最新公告</span></div>
<div id="demo" onmouseover="clearInterval(timer)" onmouseout="timer=setInterval(mar,30)"
style="overflow: hidden; height: 245px; width: 237px;">
<div id="demo1" style="height: 100%;">
<div class="pczt_pingfen_jhxs_news1">
<div class="pczt_pingfen_jhxs_xian">
<h4 class="pczt_pingfen_jhxs_wenzi">
CGWR 《武林至尊》游戏评测</h4>
<p class="pczt_pingfen_jhxs_wenzi2">
《武林至尊》没有依照任何名著来搭建自己的世界观，而是通过 设计员自己的脑子，想出了一个完美的剧情。虽比不了仙剑奇侠 传的剧情经典，但也堪称引人入胜。再加上独有的部分特色，所
以吸引了众多武侠迷进入了游戏。</p>
</div>
</div>
<div class="pczt_pingfen_jhxs_noxian">
<h4 class="pczt_pingfen_jhxs_wenzi">
17173《武林至尊》试玩视频</h4>
<p class="pczt_pingfen_jhxs_wenzi2">
《武林至尊》是一款华丽3D锁视角武侠网游巅峰巨作，真实再现 了万千华人梦想中的武侠世界。它秉承纯正的中国武侠文化，彻 底摒弃传统网游的职业概念，无职业限制，技能完全自由搭配，</p>
</div>
<div id="demo2">
</div>
</div>
</div>
</div>
<script>
var t = document.getElementById("demo"), t1 = document.getElementById("demo1"), t2 = document.getElementById("demo2"), sh = document.getElementById("show"), timer;
t2.innerHTML = t1.innerHTML;
function mar() {
if (t2.offsetTop <= t.scrollTop)
t.scrollTop -= t1.offsetHeight;
else
t.scrollTop++;
}
timer = setInterval(mar, 50);
function getid(id) {
return document.getElementById(id);
}
</script>
<div id="foot">
</div>
</div>
麻烦哪位帮忙看看，谢谢，在网上找到一些代码也是一样，运行一段时间就不动了
...全文
请发表友善的回复…
发表回复
KeepMoving 2011-03-18
- 打赏
- 举报
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<div id="ndemo" style="width: 290px; height: 350px; overflow:hidden;">
<div id="ndemo1">
<ul>
<li>
<strong>谢小兔:</strong><a>本命年生日之旅——灵山圣境</a>
</li>
<li>
<a>【游记征文】巴厘岛，爱的第一站</a>
</li>
<li>
<a>【游记征文】开心女人节，快乐恐龙园！</a>
</li>
<li>
<strong>tuniu562486:</strong><a>【游记征文】日本游记</a>
</li>
<li>
<a target="_blank" href="#">【游记征文】我和阿石的小草莓游记</a>
</li>
<li>
<strong>谢小兔:</strong><a>本命年生日之旅——灵山圣境</a>
</li>
<li>
<a>【游记征文】巴厘岛，爱的第一站</a>
</li>
<li>
<a>【游记征文】开心女人节，快乐恐龙园！</a>
</li>
<li>
<strong>tuniu562486:</strong><a>【游记征文】日本游记</a>
</li>
<li>
<a target="_blank" href="#">【游记征文】我和阿石的小草莓游记</a>
</li>
</ul>
</div>
<div id="ndemo2"></div>
</div>
</body>
</html>
<script language="javascript" type="text/javascript">
var nspeed = 55;
var ndemo = document.getElementById("ndemo");
var ndemo1 = document.getElementById("ndemo1");
var ndemo2 = document.getElementById("ndemo2");
ndemo2.innerHTML = ndemo1.innerHTML;
var nMyMar = setInterval(nMarquee, nspeed);
function nMarquee() {
if (ndemo2.offsetHeight - ndemo.scrollTop <= 0)
ndemo.scrollTop -= ndemo1.offsetHeight
else {
ndemo.scrollTop++
}
}
ndemo.onmouseover = function () {
clearInterval(nMyMar)
};
ndemo.onmouseout = function () {
nMyMar = setInterval(nMarquee, nspeed)
}
</script>
希望对你有用！
我说我行就是行 2011-03-18
- 打赏
- 举报
文字新闻不间断滚动，读取数据库中的内容
<div id="dongtaiNews">
<table style="width:100%;" cellpadding="0" cellspacing="0">
<tr>
<td align="left">
<div id="demo"
style="overflow:hidden;height:120px; background:#f4f4f4;color:#ffffff">
<div id="demo1" >
<asp:Repeater ID="Repeater1" runat="server" DataSourceID="SqlDataSource2">
<ItemTemplate>
<asp:Image ID="Image1" runat="server" ImageUrl="~/image/zxico.png" /> <a href="../NEWActorNews/ZXActorNews.aspx" class="lkbtn"><%#Eval("zx_title") %></a>
<br />
</ItemTemplate>
</asp:Repeater>
</div>
<div id="demo2"></div>
</div>
<script type="text/javascript">
var speed=50
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight
else{
demo.scrollTop++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
<asp:SqlDataSource ID="SqlDataSource2" runat="server"
ConnectionString="<%$ ConnectionStrings:ActorMessageConnectionString %>"
SelectCommand="SELECT top 10 * FROM [ZX_News] order by zx_id desc"></asp:SqlDataSource>
<br />
</td>
</tr>
</table>
</div>
子夜__ 2011-03-18
- 打赏
- 举报
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>不间断上下循环滚动的公告栏效果</title>
</head>
<body>
<table width="400" border="1" cellpadding="0" cellspacing="0">
<tr>
<td width=200 height=152>
<div class="RPR-P1">
<div class="RPR-P1-R2">
<div id="demo" style="overflow: hidden; width: 100%; height:152px; color:white; margin:0px;line-height:22px;">
<div id="demo1">
·<a href="javascript:alert('超链接')" style="text-decoration:none">本周捐赠逾亿元(8.22发布)</a><br>
·<a href="javascript:alert('超链接')" style="text-decoration:none">本周捐赠总额4716万元(8.15发布)</a><br>
·<a href="javascript:alert('超链接')" style="text-decoration:none">本周捐赠总额3.113亿元(8.8发布)</a><br>
·<a href="javascript:alert('超链接')" style="text-decoration:none">本周捐赠总额9.6亿元(8.1发布)</a><br>
·<a href="javascript:alert('超链接')" style="text-decoration:none">本周捐赠总额6.447亿元(7.25发布)</a><br>
·<a href="javascript:alert('超链接')" style="text-decoration:none">本周捐赠总额11.66亿元(7.18发布)</a><br>
·<a href="javascript:alert('超链接')" style="text-decoration:none">本周捐赠总额13.26亿元(7.11发布)</a><br>
·<a href="javascript:alert('超链接')" style="text-decoration:none">本周捐赠总额18.41亿元(7.04发布)</a><br>
·<a href="javascript:alert('超链接')" style="text-decoration:none">本周捐赠数据139.6亿元(6.27发布)</a><br>
·<a href="javascript:alert('超链接')" style="text-decoration:none">本周捐赠总额18.41亿元(7.04发布)</a><br>
</div>
<div id="demo2">
</div>
</div>
</div>
</div>
</td>
</tr>
</table>
<script>
var speed = 50
var _demo = document.getElementById("demo");
var _demo1 = document.getElementById("demo1");
var _demo2 = document.getElementById("demo2");
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(_demo2.offsetTop-_demo.scrollTop<=0){
_demo.scrollTop-=_demo1.offsetHeight
}else{
_demo.scrollTop++
}
}
var MyMar=setInterval(Marquee,speed)
_demo.onmouseover=function() {clearInterval(MyMar)}
_demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
</body>
</html>
文字滚动
