这不是真正的预览,在读取文字列表的时候同时读取每个文章的内容概要(即想要预览的内容),然后使用该插件就可以实现假预览。
效果图如下,自己可以相应修改
代码如下:
<link rel="Stylesheet" type="text/css" href="Styles/jQuery.niceTitle.css" />
<script type="text/javascript" src="Scripts/jQuery.niceTitle.js"></script>
<script type="text/javascript">
$(function () {
$("a[class=info]").niceTitle();
});
</script>
<a href='链接地址' title='预览的内容' class="info">链接名</a>
在线演示
http://demo.jb51.net/js/niceTitle/jQuery.niceTitle.html
插件下载地址
https://www.jb51.net/jiaoben/27186.html