图文内容式友情链接_前端技术_日志_DTOP

图文内容式友情链接

来源：本站原创发布时间：2012-06-30 12:36:22 浏览次数：次【字体：小大】

最近给嘉定政府网站做了个微博列表页面，页面结构很简单就是要显示各个部门的微博名称，LOGO，和微博简介。如下图所示：由于微博都是外部链接，所以，这里我用的是友情链接列表标签来实现，不过，我们系统默认的友情链接列表有图片式文字式和下拉式友情链接，没有默认的标签可以上图的效果。

下面我用友情链接列表普通式来改进了一个标签可以实现，上图效果。首先要把友情链接模型里的网站名称改成微博名称，网站简介字段改成微博简介，这样更方便客户的添加新的微博。复制一个友情链接普通式，并编辑，

第一步：复制友情链接图片式里显示图片的那段代码放在li下面，这样就可以调用到图片：

_self

_blank

_self

nopic.gif

… ')" />

第二部：复制原显示友情链接标题的那段代码如下，接下来就是把代码中微博名称字段Title改成微博简介SiteIntro。

_self

_blank

_self

… ')" />

这样就可以显示友情链接的详细内容。通过这两步的修改就可以同时显示友情链接标题，图片和详细内容了。