轻松实现PJBLOG的友情链接滚动效果
你是不是觉得友情链接太多了从而导致页面放不下呢?
那你可以试一下下面的代码,可以让友情链接十分轻松的滚动,不用考虑友情链接太多从而占据了页面的空间
操作过程是点击后台管理——界面与插件————设置模块,点击links,编辑HTML,里面的源代码是这样的
<div class="LinkTable">$Link_Code$ </div>
<div align="right"><a href="bloglink.asp">点击这里交换链接… </a></div>
我们稍微改一下,加些东西进去,把里面原来的代码变化成这样
整个过程就大功告成了,呵呵,你仔细看看代码吧,很简单的,我今天成功的实现了,欢迎大家一起来自己动手DIY。
那你可以试一下下面的代码,可以让友情链接十分轻松的滚动,不用考虑友情链接太多从而占据了页面的空间
操作过程是点击后台管理——界面与插件————设置模块,点击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>
<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。