天涯之外

导航

轻松实现PJBLOG的友情链接滚动效果

你是不是觉得友情链接太多了从而导致页面放不下呢?
那你可以试一下下面的代码,可以让友情链接十分轻松的滚动,不用考虑友情链接太多从而占据了页面的空间
操作过程是点击后台管理——界面与插件————设置模块,点击links,编辑HTML,里面的源代码是这样的
<div class="LinkTable">$Link_Code$ </div>
<div align="right"><a href="bloglink.asp">点击这里交换链接… </a></div>
我们稍微改一下,加些东西进去,把里面原来的代码变化成这样
程序代码 程序代码
<div id="link_logo" style="OVERFLOW: hidden; HEIGHT: 200px">
<div id="link_logo1" class="LinkTable">$Link_Code$ </div>

<div id="link_logo2"></div></div>
<script language="javascript" type="text/javascript">
<!--
    var speed=65
    link_logo2.innerHTML=link_logo1.innerHTML
    function Marquee2(){
        if(link_logo2.offsetTop-link_logo.scrollTop<=0)
                                             {
            link_logo.scrollTop-=link_logo1.offsetHeight
                                              }
        else{
            link_logo.scrollTop++
        }
    }
    var MyMar2=setInterval(Marquee2,speed)
    link_logo.onmouseover=function() {clearInterval(MyMar2)}
    link_logo.onmouseout=function() {MyMar2=setInterval(Marquee2,speed)}
-->
</script>
<div align="right"><a href="bloglink.asp">点击这里交换链接… </a></div>

整个过程就大功告成了,呵呵,你仔细看看代码吧,很简单的,我今天成功的实现了,欢迎大家一起来自己动手DIY。

posted on 2009-02-17 12:01  天涯之外  阅读(333)  评论(0编辑  收藏  举报