漂亮的提示效果

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 >

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章