niceTitle 基于jquery的超鏈接提示插件

更新時(shí)間：2010年05月31日 15:06:58 作者：

niceTitle是一款當(dāng)鼠標(biāo)移到超鏈接上面顯示提示的插件。我們可以使用該插件來(lái)實(shí)現(xiàn)新聞、文字的預(yù)覽。

這不是真正的預(yù)覽，在讀取文字列表的時(shí)候同時(shí)讀取每個(gè)文章的內(nèi)容概要（即想要預(yù)覽的內(nèi)容），然后使用該插件就可以實(shí)現(xiàn)假預(yù)覽。

效果圖如下，自己可以相應(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.dhdzp.com/jiaoben/27186.html

您可能感興趣的文章:

niceTitle

相關(guān)文章

jQuery + Flex 通過(guò)拖拽方式動(dòng)態(tài)改變圖片的代碼
功能終于告一段落了，實(shí)現(xiàn)了預(yù)期的功能。遇到了一個(gè)小麻煩，js 會(huì)把某些變量（如果你是通過(guò)對(duì)象的方式傳遞的，將在傳遞之后丟失類(lèi)型信息，后面*號(hào)部分）
2011-08-08
jquery實(shí)現(xiàn)簡(jiǎn)單的表單驗(yàn)證
這篇文章主要介紹了jquery實(shí)現(xiàn)簡(jiǎn)單的表單驗(yàn)證，思路大概是先為每一個(gè)required添加必填的標(biāo)記，用each()方法來(lái)實(shí)現(xiàn)，感興趣的小伙伴們可以參考一下
2015-11-11
jquery學(xué)習(xí)筆記用jquery實(shí)現(xiàn)無(wú)刷新登錄
為了防止以后好久不用生疏，在這里記下，供剛開(kāi)始學(xué)習(xí)jquery的童鞋們借鑒，我也是剛開(kāi)始學(xué)jquery，有什么寫(xiě)的不對(duì)的地方，還請(qǐng)大家指出錯(cuò)誤，共同進(jìn)步。
2011-08-08
jquery選擇器、屬性設(shè)置用法經(jīng)驗(yàn)總結(jié)
最近做項(xiàng)目用到了jquery。在做的過(guò)程中走了很多彎路，不停的搜索。總結(jié)出了一些jquery選擇器、屬性設(shè)置用法，供大家參考
2013-09-09
jQuery實(shí)現(xiàn)仿QQ在線客服效果的滾動(dòng)層代碼
這篇文章主要介紹了jQuery實(shí)現(xiàn)仿QQ在線客服效果的滾動(dòng)層代碼,可實(shí)現(xiàn)實(shí)時(shí)讀取屏幕高度并顯示的功能,涉及jQuery響應(yīng)滾動(dòng)事件及定時(shí)操作的相關(guān)技巧,需要的朋友可以參考下
2015-10-10
如何用input標(biāo)簽和jquery實(shí)現(xiàn)多圖片的上傳和回顯功能
本文通過(guò)圖文并茂的形式給大家介紹了如何用input標(biāo)簽和jquery實(shí)現(xiàn)多圖片的上傳和回顯功能,需要的朋友可以參考下
2018-05-05
jquery實(shí)現(xiàn)移動(dòng)端點(diǎn)擊圖片查看大圖特效
這篇文章主要介紹了jquery實(shí)現(xiàn)移動(dòng)端點(diǎn)擊圖片查看大圖特效，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2015-11-11
基于jquery實(shí)現(xiàn)表格無(wú)刷新分頁(yè)
這篇文章主要介紹了基于jquery實(shí)現(xiàn)表格無(wú)刷新分頁(yè)，功能實(shí)現(xiàn)了前端排序功能，增加了前端搜索功能，感興趣的小伙伴們可以參考一下
2016-01-01
jquery圖片輪播特效代碼分享
這篇文章主要為大家詳細(xì)介紹了jquery簡(jiǎn)單圖片輪播特效，圖片輪播效果特別適合做產(chǎn)品展示，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2015-09-09
把html頁(yè)面的部分內(nèi)容保存成新的html文件的jquery代碼
把html頁(yè)面的部分內(nèi)容保存成新的html文件，用到了jquery的獲取指定id的內(nèi)容。然后保存代碼。
2009-11-11