[导入]为PJblog加上链接预览功能
所谓链接预览,就是当鼠标移上链接时显示链接地址的缩略图片,是继前面对友情链接页面的修改(
PJblog友情链接LOGO地址失效的解决)之后另加的一个有趣的效果, 不一定很实用但还是有味,主要针对友情链接的站点,这个预览只显示当前首页的最新的缩略图片,喜欢的可以加上。
你可以进入
演示地址先看演示
1.首先下载这两个文件:
linkpreview.js和
bg.png分别放入common和images目录下;
2.在footer.asp里添加代码:
程序代码
3.修改BlogLink.asp
找到:
程序代码
修改为:
程序代码
找到:
程序代码
修改为:
程序代码
也就是在<a>标记添加class=""previewlink""
4.修改cls_control.asp文件,
方法同上找到
程序代码
修改为
程序代码
找到:
程序代码
修改为:
程序代码
5.然后进入后台友情链接管理,随便编辑下即可
喜欢的可以和本站交换链接哦!!!
文章来源:http://www.thws.cn/default.asp?id=1145
![](http://www.thws.cn/images/link.gif)
你可以进入
![](http://www.thws.cn/images/link.gif)
1.首先下载这两个文件:
![](http://www.thws.cn/images/link.gif)
![](http://www.thws.cn/images/link.gif)
2.在footer.asp里添加代码:
![程序代码](http://www.thws.cn/images/code.gif)
<script type="text/javascript" src="common/linkpreview.js"></script>
3.修改BlogLink.asp
找到:
![程序代码](http://www.thws.cn/images/code.gif)
ImgLink=ImgLink&"<a href="""&blog_Links("link_URL")&""" target=""_blank""
修改为:
![程序代码](http://www.thws.cn/images/code.gif)
ImgLink=ImgLink&"<a href="""&blog_Links("link_URL")&""" target=""_blank"" class=""previewlink""
找到:
![程序代码](http://www.thws.cn/images/code.gif)
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")&"""
修改为:
![程序代码](http://www.thws.cn/images/code.gif)
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文件,
方法同上找到
![程序代码](http://www.thws.cn/images/code.gif)
ImgLink=ImgLink&"<a href="""&blog_Links("link_URL")&""" target=""_blank""
修改为
![程序代码](http://www.thws.cn/images/code.gif)
ImgLink=ImgLink&"<a href="""&blog_Links("link_URL")&""" target=""_blank"" class=""previewlink""
找到:
![程序代码](http://www.thws.cn/images/code.gif)
<a href="""&blog_Links("link_URL")&""" target=""_blank"" title="""&blog_Links("link_Name")&"""
修改为:
![程序代码](http://www.thws.cn/images/code.gif)
<a href="""&blog_Links("link_URL")&""" target=""_blank"" title="""&blog_Links("link_Name")&""" class=""previewlink""
5.然后进入后台友情链接管理,随便编辑下即可
喜欢的可以和本站交换链接哦!!!
文章来源:http://www.thws.cn/default.asp?id=1145