使用JQuery快速實(shí)現(xiàn)Tab的AJAX動(dòng)態(tài)載入(實(shí)例講解)
更新時(shí)間：2013年12月11日 09:38:23 作者：
這篇文章主要介紹了使用JQuery快速實(shí)現(xiàn)Tab的AJAX動(dòng)態(tài)載入(實(shí)例講解)需要的朋友可以過來參考下，希望對(duì)大家有所幫助
下面我就簡單講一下實(shí)現(xiàn)過程:
1.找到鏈接源,我這里是一串的Li下的鏈接
2.處理樣式
3.當(dāng)鼠標(biāo)移過時(shí)載入鏈接源的網(wǎng)站到指定容器,并切換樣式讓點(diǎn)擊事件返回false,這里不會(huì)應(yīng)該點(diǎn)擊到鏈接源網(wǎng)頁
5.Over了.
腳本:
復(fù)制代碼 代碼如下:
{
//homeNews
var tid = "#homeNews";//removeTabBold
var lvTabs = $(tid);
if(lvTabs != null)
{
lvTabs.find("a").each(function(){$(this).click(function(){return false;});$(this).mouseover(function(){
removeTabBold(tid);$(this).addClass("bold");
$(this).parent().addClass("lvbg");
$('#HomeNewsList').load($(this).href());
return false;})});
}
}
function removeTabBold(LvTabId)
{
$(LvTabId).find("a").each(function(){
$(this).removeClass("bold");
$(this).parent().removeClass("lvbg");
$(this).parent().parent().parent().removeClass("lvp");});
}
您可能感興趣的文章:
- PHP Ajax實(shí)現(xiàn)頁面無刷新發(fā)表評(píng)論
- PHP Ajax實(shí)現(xiàn)頁面無刷新發(fā)表評(píng)論
- JS+Ajax+Jquery實(shí)現(xiàn)頁面無刷新分頁以及分組 超強(qiáng)的實(shí)現(xiàn)
- Ajax無刷新Url提交頁面
- ajax頁面無刷新 IE下遭遇Ajax緩存導(dǎo)致數(shù)據(jù)不更新的問題
- JavaScript AJAX之惰性載入函數(shù)
- 使用ajax實(shí)現(xiàn)無刷新改變頁面內(nèi)容和地址欄URL
- 基于ajax實(shí)現(xiàn)點(diǎn)擊加載更多無刷新載入到本頁
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)評(píng)論模塊，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-08-08
ajax異步刷新實(shí)現(xiàn)更新數(shù)據(jù)庫
下面寫關(guān)于如何把無刷新的數(shù)據(jù)寫入到數(shù)據(jù)庫中,需要的朋友可以參考下2012-12-12
本文主要總結(jié)了jQuery中的一些小技巧。具有一定的參考價(jià)值，下面跟著小編一起來看下吧2017-01-01
jQuery選擇器_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理
選擇器是jQuery的核心，一個(gè)選擇器寫出來類似$('#dom-id')。下面給大家分享jQuery選擇器的相關(guān)知識(shí)，感興趣的朋友一起看看吧2017-07-07
使用$.get可以獲取一個(gè)文件的內(nèi)容，實(shí)現(xiàn)很簡單，示例如下，喜歡的朋友可以參考下2013-09-09
這篇文章主要介紹了jQuery中元素選擇器（element）用法,簡單通俗的說明了jQuery元素選擇器的功能、用法并結(jié)合實(shí)例形式分析了jQuery元素選擇器的相關(guān)使用技巧與注意事項(xiàng),需要的朋友可以參考下2018-05-05
本文實(shí)例講述了jquery比較簡潔的軟鍵盤特效實(shí)現(xiàn)方法。而且?guī)в袛?shù)字與字母切換功能，效果非常不錯(cuò)，分享給大家供大家參考。2015-08-08
本篇文章主要是對(duì)快速解決jQuery與其他庫沖突的方法進(jìn)行了詳細(xì)的介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助2014-01-01
jQuery實(shí)現(xiàn)表格文本框淡入更改值后淡出效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)表格文本框淡入更改值后淡出效果的實(shí)現(xiàn)代碼,代碼簡單易懂，非常不錯(cuò)，需要的朋友可以參考下2016-09-09
jQuery實(shí)現(xiàn)手機(jī)自定義彈出輸入框
這篇文章主要介紹了jQuery實(shí)現(xiàn)手機(jī)自定義彈出輸入框 的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-06-06