Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[疑难] 紧急,求一段无缝向上滚动代码!

[复制链接]
yyh838 发表于 2009-8-26 12:55:31 | 显示全部楼层 |阅读模式
本帖最后由 yyh838 于 2009-8-26 12:58 编辑

我用的supesite7.0,我想让首页上一个模块里的资讯标题向上无缝滚动,在网上找了很多滚动代码在html中都没问题,但一放在模板里应用就不能滚动了,所以急求能在ss7中正常使用的无缝滚动代码!哪位高手朋友帮帮忙!

首页是生成的静态页面,下面就是我想滚动的地方:
szy1229 发表于 2009-8-26 13:13:44 | 显示全部楼层
最简单的代码
<marquee direction="up" behavior="scroll" onmouseover=this.stop() onmouseout=this.start() scrollamount="10" scrolldelay="200">这是一个滚动字幕。</marquee>
参数自己修改下
回复

使用道具 举报

 楼主| yyh838 发表于 2009-8-26 13:28:57 | 显示全部楼层
最简单的代码
这是一个滚动字幕。
参数自己修改下
szy1229 发表于 2009-8-26 13:13


这个不是无缝滚动的啊,如何弄成无缝的呢?
回复

使用道具 举报

天天来上网 发表于 2009-8-26 13:45:24 | 显示全部楼层
回复

使用道具 举报

szy1229 发表于 2009-8-26 13:57:00 | 显示全部楼层
那你试试这个。。。自己修改
------------------------------------------------------------------------------------------------
<!--现在文本的总高度是10*(16+2*2)=200,所以外框的高度不能大于200px;-->
<html>
<HEAD>
<TITLE>逛昆山-www.guangks.com</TITLE>
<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:132px;width:400px; border:1px solid #dde5bc; overflow:hidden;">
        <div id=demo1>
                <a href="#">完全兼容IE, FF, Opera, 其它的还未经测试……</a>
                <a href="#">逛昆山-www.guangks.com……</a>
                <a href="#">完全兼容IE, FF, Opera, 其它的还未经测试……</a>
                <a href="#">逛昆山-www.guangks.com……</a>
                <a href="#">完全兼容IE, FF, Opera, 其它的还未经测试……</a>
                <a href="#">逛昆山-www.guangks.com……</a>
                <a href="#">完全兼容IE, FF, Opera, 其它的还未经测试……</a>
                <a href="#">逛昆山-www.guangks.com……</a>
                <a href="#">完全兼容IE, FF, Opera, 其它的还未经测试……</a>
                <a href="#">逛昆山-www.guangks.com……</a>
                <a href="#">完全兼容IE, FF, Opera, 其它的还未经测试……</a>
                <a href="#">逛昆山-www.guangks.com……</a>
        </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>
</html>
-------------------------------------------------------------------------------------------
回复

使用道具 举报

8460 发表于 2009-8-26 14:38:48 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复

使用道具 举报

 楼主| yyh838 发表于 2009-8-27 10:18:21 | 显示全部楼层
那你试试这个。。。自己修改
------------------------------------------------------------------------------------------------



逛昆山-www.guangks.com


#demo a {
        width:100%;
        overflow:hidde ...
szy1229 发表于 2009-8-26 13:57


感谢感谢这位朋友,这代码太好用了!解决了困扰我多日的问题((mk13))
回复

使用道具 举报

szy1229 发表于 2009-8-27 12:04:46 | 显示全部楼层
感谢感谢这位朋友,这代码太好用了!解决了困扰我多日的问题((mk13))
yyh838 发表于 2009-8-27 10:18

这朋友太客气。。。力所能及的事嘛
回复

使用道具 举报

wue143094 发表于 2012-3-14 09:25:35 | 显示全部楼层
顶起~谢谢了~
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2024-12-24 11:04 , Processed in 0.028547 second(s), 4 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表