随着越来越多的朋友加入博客阵营,友情链接已经成为页面上必不可少的一部分,但是过多的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 (" <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]+" "
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>
说明:
在修改我的链接中,打开源码,将适合自己的代码复制里面即可。