漂亮的提示效果

niceTitle插件 body, p, th, td, li, ul, ol, h1, h2, h3, h4, h5, h6, pre { font-family: MS Shell Dlg; line-height: 1.4; } body, p, th, td, li, ul, ol, pre { font-size: 11px; }

niceTitle是一款当鼠标移到超链接上面显示提示的插件。我们可以使用该插件来实现新闻、文字的预览。

这不是真正的预览，在读取文字列表的时候同时读取每个文章的内容概要（即想要预览的内容），然后使用该插件就可以实现假预览。

效果图如下

，自己可以相应修改

代码如下：

<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 >