文字向上滚动代码（适用于模块新闻标题无缝滚动）

pandastudy · 发表于 2011-9-30 09:37:09

文字向上滚动代码（适用于模块新闻标题无缝滚动）

看到好多人都找文字向上滚动代码，今天正好用到了，做好了给大家做个参考。
演示网址：www.sdhjly.com
说明：红色部分（调用内容，内容可以同步更新）是diy模板调用的模块内容，可以根据自己实际情况变动。
截图如下：

完全代码如下：

<HEAD>
<META content="text/html; charset=gb2312" http-equiv=Content-Type>
<STYLE type=text/css>
#demo a {
      width:100%;
      overflow:hidden;
      font:12px/16px tahoma;
      display:block;
      text-decoration:none;
      margin:2px;
      color:#4a551c;
      padding-left:2px;
      text-align:left;
}
#demo a:hover {
      color:#ff6600;
}
</STYLE>
</HEAD>
<body>
<div id="demo" style="overflow:hidden;height:205px;width:232px; border:1px solid #dde5bc; overflow:hidden;">
      <div id=demo1>
<ul>
[loop]
<li><a href="{url}" title="{title}"{target}>{title}</a></li>
[/loop]
</ul>       </div>
      <div id=demo2></div>
</div>
<script>
var speed=40
var demo=document.getElementById("demo");
var demo2=document.getElementById("demo2");
var demo1=document.getElementById("demo1");
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>

disuz.com · 发表于 2011-9-30 11:03:09

不错呵呵···

cr180 · 发表于 2011-9-30 17:04:53

楼主你好，帮你修正了一下，把以下代码复制上去吧：

<style type="text/css">#demo {overflow:hidden;height:205px;width:232px; border:1px solid #dde5bc; overflow:hidden;}#demo a { width:100%; overflow:hidden; font:12px/16px tahoma; display:block; text-decoration:none; margin:2px; color:#4a551c; padding-left:2px; text-align:left;}#demo a:hover { color:#ff6600;}</style><div id="demo"> <div id="demo1"> <ul>[loop]<li><a href="{url}" title="{title}"{target}>{title}</a></li>[/loop]</ul> </div><div id="demo2"></div></div><script type="text/javascript">var speed=40var demo=document.getElementById("demo");var demo2=document.getElementById("demo2");var demo1=document.getElementById("demo1");demo2.innerHTML=demo1.innerHTMLfunction 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>

复制代码

另外你的站点中也有这个问题：

编辑你的滚动模块，然后去掉模块模板代码中的：

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

复制代码

要不然在某些情况下可能会产生乱码哦！呵

感谢分享素材 +点金币

大木筏 · 发表于 2011-10-1 09:13:40

谢谢楼主！！！！

gushiyue · 发表于 2011-10-1 09:33:56

提示: 作者被禁止或删除内容自动屏蔽

veshow · 发表于 2011-10-2 11:59:56

本帖最后由 veshow 于 2011-10-2 12:00 编辑

马上去试试看谢谢各位老大

wsyp · 发表于 2011-10-2 12:22:47

学习了。谢谢楼上几位哦！

守妳到永久、 · 发表于 2011-10-3 10:54:38

看看到底是什么.

		自动登录	找回密码
密码			立即注册

[素材] 文字向上滚动代码（适用于模块新闻标题无缝滚动）

本帖子中包含更多资源

评分