niceTitle 基于jquery的超鏈接提示插件
更新時(shí)間：2010年05月31日 15:06:58 作者：
niceTitle是一款當(dāng)鼠標(biāo)移到超鏈接上面顯示提示的插件。我們可以使用該插件來實(shí)現(xiàn)新聞、文字的預(yù)覽。
這不是真正的預(yù)覽，在讀取文字列表的時(shí)候同時(shí)讀取每個(gè)文章的內(nèi)容概要（即想要預(yù)覽的內(nèi)容），然后使用該插件就可以實(shí)現(xiàn)假預(yù)覽。
效果圖如下，自己可以相應(yīng)修改
代碼如下：
<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='預(yù)覽的內(nèi)容' class="info">鏈接名</a>
在線演示 http://demo.jb51.net/js/niceTitle/jQuery.niceTitle.html
插件下載地址 http://www.dbjr.com.cn/jiaoben/27186.html
效果圖如下，自己可以相應(yīng)修改
代碼如下：
復(fù)制代碼 代碼如下:
<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='預(yù)覽的內(nèi)容' class="info">鏈接名</a>
在線演示 http://demo.jb51.net/js/niceTitle/jQuery.niceTitle.html
插件下載地址 http://www.dbjr.com.cn/jiaoben/27186.html
您可能感興趣的文章:
- jquery鼠標(biāo)滑過提示title具體實(shí)現(xiàn)代碼
- jQuery文字提示與圖片提示效果實(shí)現(xiàn)方法
- jQuery實(shí)現(xiàn)漂亮實(shí)用的商品圖片tips提示框效果(無圖片箭頭+陰影)
- jQuery簡單實(shí)現(xiàn)input文本框內(nèi)灰色提示文本效果的方法
- jquery實(shí)現(xiàn)簡單文字提示效果
- jQuery實(shí)現(xiàn)仿QQ頭像閃爍效果的文字閃動(dòng)提示代碼
- jQuery實(shí)現(xiàn)仿QQ空間裝扮預(yù)覽圖片的鼠標(biāo)提示效果代碼
- JQuery實(shí)現(xiàn)超鏈接鼠標(biāo)提示效果的方法
- jQuery實(shí)現(xiàn)鼠標(biāo)經(jīng)過提示信息的地圖熱點(diǎn)效果
- jQuery簡單實(shí)現(xiàn)title提示效果示例
相關(guān)文章
深入研究jQuery圖片懶加載 lazyload.js使用方法
這篇文章主要介紹了jQuery圖片懶加載 lazyload.js使用方法，通過設(shè)置臨界點(diǎn),占位符,設(shè)置事件來觸發(fā)加載等等來講解lazyload.js的使用,具體操作步驟大家可查看下文的詳細(xì)講解,感興趣的小伙伴們可以參考一下。2017-08-08
jQuery 實(shí)現(xiàn)左右兩側(cè)菜單添加、移除功能
本文通過實(shí)例代碼給大家分享了jQuery 實(shí)現(xiàn)左右兩側(cè)菜單添加、移除功能，需要的朋友參考下吧2018-01-01
JQuery、AJAX都是Javascript的一個(gè)框架，各有各自不同的功能，下面為大家介紹下jquery和ajax的關(guān)系，不了解的朋友可以參考下2013-11-11
基于jquery的has()方法以及與find()方法以及filter()方法的區(qū)別詳解
本篇文章介紹了，基于jquery的has()方法以及與find()方法以及filter()方法的區(qū)別詳解需要的朋友參考下2013-04-04
jQuery 3.0 的 setter和getter 模式詳解
這篇文章主要介紹了jQuery 3.0 的 setter和getter 模式詳解的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-07-07
jquery調(diào)整表格行tr上下順序?qū)嵗v解
這篇文章主要為大家介紹了jquery調(diào)整表格行tr上下順序?qū)嵗?，具有一定的參考價(jià)值，感興趣的朋友可以參考一下2016-01-01
Jquery插件easyUi實(shí)現(xiàn)表單驗(yàn)證示例
這篇文章主要介紹了Jquery插件easyUi實(shí)現(xiàn)表單驗(yàn)證示例，需要的朋友可以參考下2015-12-12
jQuery基礎(chǔ)知識(shí)點(diǎn)總結(jié)(必看)
下面小編就為大家?guī)硪黄猨Query基礎(chǔ)知識(shí)點(diǎn)總結(jié)(必看)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-05-05
jQuery 陰影插件代碼分享，需要的朋友可以參考下。2012-01-01
jQuery pager.js 插件動(dòng)態(tài)分頁功能實(shí)例分析
這篇文章主要介紹了jQuery pager.js 插件動(dòng)態(tài)分頁功能,結(jié)合具體實(shí)例形式分析了pager.js 插件的定義及使用插件進(jìn)行分頁操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2019-08-08