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-08jQuery 實(shí)現(xiàn)左右兩側(cè)菜單添加、移除功能
本文通過實(shí)例代碼給大家分享了jQuery 實(shí)現(xiàn)左右兩側(cè)菜單添加、移除功能,需要的朋友參考下吧2018-01-01基于jquery的has()方法以及與find()方法以及filter()方法的區(qū)別詳解
本篇文章介紹了,基于jquery的has()方法以及與find()方法以及filter()方法的區(qū)別詳解需要的朋友參考下2013-04-04jQuery 3.0 的 setter和getter 模式詳解
這篇文章主要介紹了jQuery 3.0 的 setter和getter 模式詳解的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-07-07jquery調(diào)整表格行tr上下順序?qū)嵗v解
這篇文章主要為大家介紹了jquery調(diào)整表格行tr上下順序?qū)嵗?,具有一定的參考價(jià)值,感興趣的朋友可以參考一下2016-01-01Jquery插件easyUi實(shí)現(xiàn)表單驗(yàn)證示例
這篇文章主要介紹了Jquery插件easyUi實(shí)現(xiàn)表單驗(yàn)證示例,需要的朋友可以參考下2015-12-12jQuery基礎(chǔ)知識(shí)點(diǎn)總結(jié)(必看)
下面小編就為大家?guī)硪黄猨Query基礎(chǔ)知識(shí)點(diǎn)總結(jié)(必看)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-05-05jQuery 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