林朵说

　　随着越来越多的朋友加入博客阵营，友情链接已经成为页面上必不可少的一部分，但是过多的logo图片在网页上平直的罗列会使整个页面越拖越长，影响浏览。

　　下面提供两组代码，能使logo图片呈滚动显示的方式呈现，使页面更为美观，希望能给一部分朋友带来帮助，高手就不用看了。

1、图片向上滚动显示代码

<SCRIPT LANGUAGE="JAVASCRIPT">
<!--
SiteName = "javascript";
SiteTarget = "_top";
//-->
</SCRIPT>
<br>
<center>
<p></p>
</center>
<div align="center">
<center>
<script language=javascript>
<!--
var index = 4
link = new Array(5);
text = new Array(5);

text[0] ='<a href="http://ruddy.52blog.net" target="_blank"><img border="0" src="http://www.52blog.net/uploadfile/2004916212118386.JPG" alt="素手兰心" width="88" height="31"></a>'
text[1] ='<a href="http://gb.bluemask.net/index.asp?bid=5825" target="_blank"><img border="0" src="http://www.52blog.net/uploadfile/20048289833151.GIF" alt="素手兰心" width="88" height="31"></a>'
text[2] ='<a href="http://ning.52blog.net" target="_blank"><img border="0" src="http://www.52blog.net/uploadfile/2004105125722760.GIF" alt="素手兰心" width="88" height="31"></a>'
text[3] ='<a href="http://sady.52blog.net" target="_blank"><img border="0" src="http://www.52blog.net/uploadfile/2004108123118435.GIF" alt="素手兰心" width="88" height="31"></a>'

document.write ("<marquee scrollamount='1' scrolldelay='100' direction= 'up' width='100' height='100' id=xiaoqing onmouseover=xiaoqing.stop() onmouseout=xiaoqing.start()>");
for (i=0;i<index;i++){
document.write ("&nbsp;<a href="+link[i]+" target='main'>");
document.write (text[i] + "</A><br>"); } document.write ("</marquee>")
// -->
</script>

2、图片向左滚动显示代码

<SCRIPT language=JavaScript1.2>

<!--

var sliderwidth=500

var sliderheight=133

var slidespeed=4

var leftrightslide=new Array()

var finalslide=''

leftrightslide[0]='<a href="http://ruddy.52blog.net"><img src="http://www.52blog.net/uploadfile/2004916212118386.JPG" border=0></a>'

leftrightslide[1]='<a href="http://gb.bluemask.net/index.asp?bid=5825"><img src="http://www.52blog.net/uploadfile/20048289833151.GIF" border=0></a>'

leftrightslide[2]='<a href="http://ning.52blog.net"><img src="http://www.52blog.net/uploadfile/2004105125722760.GIF" border=0></a>'

var copyspeed=slidespeed

for (i=0;i<leftrightslide.length;i++)

finalslide=finalslide+leftrightslide[i]+"&nbsp;&nbsp;"

if (document.all){

document.write('<marquee id="ieslider" scrollAmount=0 style="width:'+sliderwidth+'">'+finalslide+'</marquee>')

ieslider.onmouseover=new Function("ieslider.scrollAmount=0")

ieslider.onmouseout=new Function("if (document.readyState=='complete') ieslider.scrollAmount=slidespeed")

}

function regenerate(){

window.location.reload()

}

function regenerate112(){

if (document.layers){

document.ns_slider01.visibility="show"

setTimeout("window.onresize=regenerate",450)

intializeleftrightslide()

}

if (document.all)

ieslider.scrollAmount=slidespeed

}

function intializeleftrightslide(){

document.ns_slider01.document.ns_slider02.document.write('<nobr>'+finalslide+'</nobr>')

document. ns_slider01.document.ns_slider02.document.close()

thelength=document.ns_slider01.document.ns_slider02.document.width

scrollslide()

}

function scrollslide(){

if (document.ns_slider01.document.ns_slider02.left>=thelength*(-1)){

document.ns_slider01.document.ns_slider02.left-=slidespeed

setTimeout("scrollslide()",100)

}

else{

document.ns_slider01.document.ns_slider02.left=sliderwidth

scrollslide()

}

}

window.onload=regenerate112

//-->

</SCRIPT>

说明：

在修改我的链接中，打开源码，将适合自己的代码复制里面即可。