niceTitle 基于jquery的超鏈接提示插件
更新時間:2010年05月31日 15:06:58 作者:
niceTitle是一款當鼠標移到超鏈接上面顯示提示的插件。我們可以使用該插件來實現(xiàn)新聞、文字的預覽。
這不是真正的預覽,在讀取文字列表的時候同時讀取每個文章的內(nèi)容概要(即想要預覽的內(nèi)容),然后使用該插件就可以實現(xiàn)假預覽。
效果圖如下,自己可以相應修改

代碼如下:
<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='預覽的內(nèi)容' class="info">鏈接名</a>
在線演示 http://demo.jb51.net/js/niceTitle/jQuery.niceTitle.html
插件下載地址 http://www.dbjr.com.cn/jiaoben/27186.html
效果圖如下,自己可以相應修改

代碼如下:
復制代碼 代碼如下:
<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='預覽的內(nèi)容' class="info">鏈接名</a>
在線演示 http://demo.jb51.net/js/niceTitle/jQuery.niceTitle.html
插件下載地址 http://www.dbjr.com.cn/jiaoben/27186.html
您可能感興趣的文章:
- jquery鼠標滑過提示title具體實現(xiàn)代碼
- jQuery文字提示與圖片提示效果實現(xiàn)方法
- jQuery實現(xiàn)漂亮實用的商品圖片tips提示框效果(無圖片箭頭+陰影)
- jQuery簡單實現(xiàn)input文本框內(nèi)灰色提示文本效果的方法
- jquery實現(xiàn)簡單文字提示效果
- jQuery實現(xiàn)仿QQ頭像閃爍效果的文字閃動提示代碼
- jQuery實現(xiàn)仿QQ空間裝扮預覽圖片的鼠標提示效果代碼
- JQuery實現(xiàn)超鏈接鼠標提示效果的方法
- jQuery實現(xiàn)鼠標經(jīng)過提示信息的地圖熱點效果
- jQuery簡單實現(xiàn)title提示效果示例
相關文章
深入研究jQuery圖片懶加載 lazyload.js使用方法
這篇文章主要介紹了jQuery圖片懶加載 lazyload.js使用方法,通過設置臨界點,占位符,設置事件來觸發(fā)加載等等來講解lazyload.js的使用,具體操作步驟大家可查看下文的詳細講解,感興趣的小伙伴們可以參考一下。2017-08-08基于jquery的has()方法以及與find()方法以及filter()方法的區(qū)別詳解
本篇文章介紹了,基于jquery的has()方法以及與find()方法以及filter()方法的區(qū)別詳解需要的朋友參考下2013-04-04jQuery 3.0 的 setter和getter 模式詳解
這篇文章主要介紹了jQuery 3.0 的 setter和getter 模式詳解的相關資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2016-07-07jQuery pager.js 插件動態(tài)分頁功能實例分析
這篇文章主要介紹了jQuery pager.js 插件動態(tài)分頁功能,結合具體實例形式分析了pager.js 插件的定義及使用插件進行分頁操作相關實現(xiàn)技巧,需要的朋友可以參考下2019-08-08