随着越来越多的朋友加入博客阵营,友情链接已经成为页面上必不可少的一部分,但是过多的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>
说明:
在修改我的链接中,打开源码,将适合自己的代码复制里面即可。
评论列表:
背景颜色和图片的修改看这里:
http://www.52blog.net/more.asp?name=help&id=17054
汗,其实一直有的呀。
你下次上线,我在Q上把登陆名和密码给你,你帮我改底色。还有连接变成中文。好?
看了,还是不会。
你下次上线,我在Q上把登陆名和密码给你,你帮我改底色。还有连接变成中文。好?
这样不好吧。
这样不好吧。
没关系的,谢谢了。好吗?
你一般会什么时候上网?
没关系的,谢谢了。好吗?
你一般会什么时候上网?
对不起哦,我很难接受用这样方式来帮助朋友,我建议你还是先看一下关于html的基础教程,然后自己改会好很多,毕竟是自己的叶子,按照自己的喜欢和想法去做才有价值。
以下引用houzi在2004-10-14 12:17:00的评论:
没关系的,谢谢了。好吗?
你一般会什么时候上网?
对不起哦,我很难接受用这样方式来帮助朋友,我建议你还是先看一下关于html的基础教程,然后自己改会好很多,毕竟是自己的叶子,按照自己的喜欢和想法去做才有价值。那好吧。谢谢!
姐姐我借用一下,可以吗?
什么借用一下?
以下引用houzi在2004-10-13 18:48:00的评论:
看了,还是不会。
你下次上线,我在Q上把登陆名和密码给你,你帮我改底色。还有连接变成中文。好?
这样不好吧。
5555555555555
水盼,我不会整啊,都乱了现在,我汗
5555555555555
在修改连接的源码里面改,不是在修改模板里面改。
请问连接源码在那里进?