所谓链接预览，就是当鼠标移上链接时显示链接地址的缩略图片，是继前面对友情链接页面的修改（
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.然后进入后台友情链接管理，随便编辑下即可
喜欢的可以和本站交换链接哦！！！
[
本帖最后由 thw416 于 2006-12-29 22:28 编辑 ]
![[PJblog^3]技术支持论坛 - PJBLOG SUPPORT FORUM](images/phpwind/logo.gif){kind=logo}
