漂亮的提示效果

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 >

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