blog中友情链接多了,就会是页面显得太臃肿,这时,对它的显示进行一些修改是很有必要的。
在友情链接后面加入“更多链接”是一种好的方法,同时对显示的链接加上一些效果,也会锦上添花!

可以参考我blog上的滚动条效果,这样美观多了。

实现方法:
1.在后台新建一底部模块 (注意:不是侧边模块)
2.加入下面相应的代码 (注意:直接粘贴到html栏目里就行,将来不用了,直接删除底部模块里的相应项目就行)




滚动条效果使用代码: (height:300px为高度,可自行修改)
<script type="text/javascript">
//<![CDATA[
if (document.getElementById('sidebar_link')) {
var linkprimitivehtml=document.getElementById('sidebar_link').innerHTML;
document.getElementById('sidebar_link').innerHTML="<div style='height:300px;overflow:auto;'>"+linkprimitivehtml+"</div><div style=text-align:right;padding:3px;'><strong><a href='login.php?job=applylink'>申请链接</a>|<a href='links.php'>更多链接… </a></strong></div>";
}
//]]>
</script>


向上滚动效果使用代码: (height=200 为高度可自行修改)
<script type="text/javascript">
//<![CDATA[
if (document.getElementById('sidebar_link')) {
var linkprimitivehtml=document.getElementById('sidebar_link').innerHTML;
document.getElementById('sidebar_link').innerHTML="<"+"MAR"+"QUEE"+" onmouseover=this.stop() onmouseout=this.start() scrollAmount=1 scrollDelay=20 direction=up width=100% height=200>"+linkprimitivehtml+"</"+"MAR"+"QUEE"+"><div style=text-align:right;padding:3px;'><strong><a href='login.php?job=applylink'>申请链接</a>|<a href='links.php'>更多链接… </a></strong></div>";
}
//]]>
</script>


原始效果使用代码:
<script type="text/javascript">
//<![CDATA[
if (document.getElementById('sidebar_link')) {
var linkprimitivehtml=document.getElementById('sidebar_link').innerHTML;
document.getElementById('sidebar_link').innerHTML=linkprimitivehtml+"<div style=text-align:right;padding:3px;'><strong><a href='login.php?job=applylink'>申请链接</a>|<a href='links.php'>更多链接… </a></strong></div>";
}
//]]>
</script>
文章来源: 本站原创 引用(0) 阅读(2256)
 
对《bo-blog链接的三种形式修改 》有 0 条评论
发表评论
昵称

网址

电邮
打开HTML 打开UBB 表情 打开表情 隐藏 记住我 [注册]