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

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[其他] 我想把模板的某一个框改变他单一的效果

[复制链接]
lsy_ak 发表于 2008-4-16 15:25:26 | 显示全部楼层 |阅读模式
使起内容可以连续不短的滚动(不是marquee滚动)不要他出现空白
希望和大家一起交流\努力使SS模板的效果会更好.  图片上出现了好大一片的空白 我想利用JS 来实现无间隙滚动.
1.jpg
2.jpg
3.jpg
4.jpg
 楼主| lsy_ak 发表于 2008-4-16 15:27:23 | 显示全部楼层
我的qq:  597880002   可以加qq交流  我现在可以实现滚动 无间隙 但是会破坏掉主页的布局 不知道怎么办 可是保持他原来的布局 还把效果保持.希望可以得到大家的帮助.
回复

使用道具 举报

买空间网114 发表于 2008-4-16 16:15:41 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复

使用道具 举报

wshsky 发表于 2008-4-16 16:26:16 | 显示全部楼层
去查看相关的JS代码吧,可以实现的!
回复

使用道具 举报

wshsky 发表于 2008-4-16 16:31:01 | 显示全部楼层
楼主试试这代码行不?


  <DIV id=demo style="OVERFLOW: hidden; WIDTH: 200px; COLOR: #ffffff; HEIGHT: 141px">
  <DIV id=demo1>
    <center>
      <!--从这里开始换成你的内容-->
      <a class="STYLE7" href="#">东莞市利骏实业投资有限公司</a><br><br>
      <a class="STYLE7" href="#">鸿锦服饰有限公司</a><br><br>
      <a class="STYLE7" href="#">东莞市厚街利嘉皮具厂</a><br><br>
      <a class="STYLE7" href="#">东美食品有限公司</a><br><br>
      <a class="STYLE7" href="#">德信康会计师事务所</a><br><br>
      <a class="STYLE7" href="#">广东君政律师事务所</a><br><br>
      <a class="STYLE7" href="#">东莞市塘厦金艺礼品厂</a><br><br>
      <a class="STYLE7" href="#">东莞市永丰印刷厂</a><br><br>
      <a class="STYLE7" href="#">黄江美丽彩塑胶颜料</a><br><br>
      <a class="STYLE7" href="#">东莞阳光财险</a><br><br>
      <a class="STYLE7" href="#">清溪富利环保有限公司</a><br><br>
      <!--内容结束-->
    </center>
  </DIV>
  <DIV id=demo2></DIV>
</DIV>
<SCRIPT Language="JavaScript">
demo2.innerHTML = demo1.innerHTML; //克隆demo1为demo2
var speed = 70; //滚动速度,数字越小速度越快

function Marquee(){
//内容滚动主函数
if(demo2.offsetTop-demo.scrollTop<=0){
//当滚动至demo1与demo2交界时
demo.scrollTop-=demo1.offsetHeight;  //demo跳到最顶端
}else{
demo.scrollTop++;
}
initialize();
}

function initialize(){
timer = setTimeout("Marquee()", speed);
}

function StopMarquee(){
clearInterval(timer);
//清除定时器达到滚动停止的目的
}
initialize();
demo.onmouseover=StopMarquee //鼠标移上时清除定时器达到滚动停止的目的
demo.onmouseout=initialize //鼠标移开时重设定时器

</SCRIPT>
回复

使用道具 举报

 楼主| lsy_ak 发表于 2008-4-16 16:34:02 | 显示全部楼层
我想知道他怎么不改变主页的布局 一般的JS代码我有 可以实现滚动在HTML 下 但是一但传大FTP 上 他就会把主页的布局弄乱!!!
回复

使用道具 举报

 楼主| lsy_ak 发表于 2008-4-16 16:35:03 | 显示全部楼层
我把代码贴出来大家看看
<style type="text/css">
ul {list-style:none;margin:0;}
.block {border:1px solid #bebebe;width:320px;position:relative;}
#msg {
        position:absolute;
        top:50px;
        left: 9px;
        width: 228px;
}
#scroll_clone {position:absolute;}
#scroll_container {border:100px solid #cdfecd;height:200px;overflow:hidden;position:relative:top:-3px; right:6px;}
</style>
<div class="gd">
<h3><font color=blue>3GUS喜报|成功案例</font></h3>
<div id="gundong">
<ul id="msg" style="height: 200px;overflow: hidden;">
<li><a href="/?viewnews-729.html" title="恭喜孙同学获得PCC录取"><font color=red>恭喜孙同学获得PCC录取(图)</font></a></li>
<li><a href="/?viewnews-728.html" title="恭喜顾同学获DBU录取"><font color=red>恭喜顾同学获DBU录取(图)</font></a></li>
<li><a href="/?viewnews-727.html" title="郑同学获北亚利桑那大学录取"><font color=red>郑同学获北亚利桑那大学录取(图)</font></a></li>
<li><a href="/?viewnews-726.html" title="恭喜美国东北大学录取我公司第19位学生"><font color=red>恭喜美国东北大学录取我公司第...(图)</font></a></li>
<li><a href="/?viewnews-725.html" title="美国东北大学第18位同学获录取并获签证"><font color=red>美国东北大学第18位同学获录取...(图)</font></a></li>
<li><a href="/?viewnews-724.html" title="恭喜美国东北大学第17位同学获得录取"><font color=red>恭喜美国东北大学第17位同学获...(图)</font></a></li>
<li><a href="/?viewnews-679.html" title="恭喜贵阳JIA同学获得桥港大学硕士录取并获得签证!"><font color=red>恭喜贵阳JIA同学获得桥港大学...(图)</font></a></li>
<li><a href="/?viewnews-678.html" title="恭喜南京WANG同学获取UNIVERSITY FINDLAY硕士录取"><font color=red>恭喜南京WANG同学获取UNIVERS...(图)</font></a></li>
<li><a href="/?viewnews-677.html" title="恭喜青岛李同学获得名校Northeastern University录取"><font color=red>恭喜青岛李同学获得名校North...(图)</font></a></li>
<li><a href="/?viewnews-676.html" title="武汉LIAO同学喜获底特律大学硕士录取"><font color=red>武汉LIAO同学喜获底特律大学硕...(图)</font></a></li>
<li><a href="/?viewnews-675.html" title="北京ZHANG同学喜获底特律大学硕士录取"><font color=red>北京ZHANG同学喜获底特律大学...(图)</font></a></li>
<li><a href="/?viewnews-674.html" title="黑龙江王同学工作2年,无语言成绩,成功申请桥港大学硕士"><font color=red>黑龙江王同学工作2年,无语言...(图)</font></a></li>
<li><a href="/?viewnews-673.html" title="TANG同学无语言成绩,3个月成功获得美国桥港大学录取"><font color=red>TANG同学无语言成绩,3个月成...(图)</font></a></li>
</ul>
</div>
</div>
<script type="text/javascript">
        var scrollOO = {'height':200};
        var scroll_container;       
        var scroll_set;       
        var scroll_clone;
        var timer_scroll;        //滚动定时器
function animate_scroll() {
        if(typeof timer_scroll !='undefined') {
                window.clearInterval(timer_scroll);
        }
        timer_scroll = window.setInterval(function() {
                if(scroll_set.offsetTop >-scrollOO['height']) {
                        scroll_set.style.top = (parseInt(scroll_set.offsetTop)-1)+'px';
                } else {
                        scroll_set.style.top = scrollOO['height']+'px';
                }
                if(scroll_clone.offsetTop >-scrollOO['height']) {
                        scroll_clone.style.top = (parseInt(scroll_clone.offsetTop)-1)+'px';
                } else {
                        scroll_clone.style.top = scrollOO['height']+'px';
                }
        },30);
}
        function getDefaultStyle(obj,attribute){
                return obj.currentStyle?obj.currentStyle[attribute]:document.defaultView.getComputedStyle(obj,false)[attribute];
        }
        function init_scroll() {
                scroll_container = document.getElementById("scroll_container");
                scroll_set = document.getElementById("msg");
                scrollOO['height'] = parseInt(scroll_set.offsetHeight);
                scroll_clone = scroll_set.cloneNode(true);
                scroll_clone.setAttribute('id','scroll_clone');
                scroll_set.parentNode.appendChild(scroll_clone);
                scroll_clone.style.top = scrollOO['height'] +'px';       
                animate_scroll();
        }
        init_scroll();
</script>
回复

使用道具 举报

 楼主| lsy_ak 发表于 2008-4-16 17:13:24 | 显示全部楼层
我把改完了的 和没改的前后对比图发出来大家看下
5.jpg
6.jpg
回复

使用道具 举报

 楼主| lsy_ak 发表于 2008-4-17 09:09:13 | 显示全部楼层
问题昨天以解决 谢谢大家的帮助
回复

使用道具 举报

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

本版积分规则

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

GMT+8, 2025-1-13 08:04 , Processed in 0.039975 second(s), 4 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

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