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

所谓链接预览，就是当鼠标移上链接时显示链接地址的缩略图片，是继前面对友情链接页面的修改（ PJblog友情链接LOGO地址失效的解决）之后另加的一个有趣的效果， 不一定很实用但还是有味，主要针对友情链接的站点，这个预览只显示当前首页的最新的缩略图片，喜欢的可以加上。
你可以进入 演示地址先看演示
1.首先下载这两个文件： linkpreview.js和 bg.png分别放入 common和 images目录下；
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

转载于:https://www.cnblogs.com/thw/archive/2006/12/05/582738.html