[导入]为PJblog加上链接预览功能

所谓链接预览,就是当鼠标移上链接时显示链接地址的缩略图片,是继前面对友情链接页面的修改(PJblog友情链接LOGO地址失效的解决)之后另加的一个有趣的效果, 不一定很实用但还是有味,主要针对友情链接的站点,这个预览只显示当前首页的最新的缩略图片,喜欢的可以加上。
你可以进入演示地址先看演示
1.首先下载这两个文件:linkpreview.jsbg.png分别放入commonimages目录下;
2.在footer.asp里添加代码:
  
程序代码 程序代码
<script type="text/javascript" src="common/linkpreview.js"></script>

3.修改BlogLink.asp
  找到: 
程序代码 程序代码
ImgLink=ImgLink&"<a href="""&blog_Links("link_URL")&""" target=""_blank"" 

  
修改为:
程序代码 程序代码
ImgLink=ImgLink&"<a href="""&blog_Links("link_URL")&""" target=""_blank"" class=""previewlink""
 
找到:
程序代码 程序代码
TextLink=TextLink&"<div class=""link"" style=""width:108px;float:left;overflow:hidden;margin-right:8px;height:24px;line-height:180%""><a href="""&blog_Links("link_URL")&""" target=""_blank"" title="""&blog_Links("link_Name")&""" 

 
修改为:
程序代码 程序代码
TextLink=TextLink&"<div class=""link"" style=""width:108px;float:left;overflow:hidden;margin-right:8px;height:24px;line-height:180%""><a href="""&blog_Links("link_URL")&""" target=""_blank"" title="""&blog_Links("link_Name")&""" class=""previewlink""


也就是在<a>标记添加class=""previewlink""

4.修改cls_control.asp文件,
方法同上找到
程序代码 程序代码
ImgLink=ImgLink&"<a href="""&blog_Links("link_URL")&""" target=""_blank"" 

修改为
程序代码 程序代码
ImgLink=ImgLink&"<a href="""&blog_Links("link_URL")&""" target=""_blank"" class=""previewlink""

找到: 
程序代码 程序代码
<a href="""&blog_Links("link_URL")&""" target=""_blank"" title="""&blog_Links("link_Name")&""" 

修改为:
程序代码 程序代码
<a href="""&blog_Links("link_URL")&""" target=""_blank"" title="""&blog_Links("link_Name")&""" class=""previewlink""


5.然后进入后台友情链接管理,随便编辑下即可

喜欢的可以和本站交换链接哦!!!



  
文章来源:http://www.thws.cn/default.asp?id=1145

posted on 2006-12-05 13:21  回味日志  阅读(274)  评论(1编辑  收藏  举报

导航