使用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)文章
jquery 頁眉單行信息滾動(dòng)顯示實(shí)現(xiàn)思路及代碼
將滾動(dòng)的內(nèi)容查詢出來，放在一個(gè)div 或者別的容器里面，具體的實(shí)現(xiàn)代碼如下2014-06-06
jquery獲取對(duì)象的方法足以應(yīng)付常見的各種類型的對(duì)象
獲取對(duì)象是比較常見的操作了，因?yàn)橄胍僮饕粋€(gè)對(duì)象之前，一定要先獲取，這是必須的，下面整理了常見對(duì)象的獲取方法，希望對(duì)大家有所幫助2014-05-05![jQuery實(shí)現(xiàn)返回頂部按鈕和scroll滾動(dòng)功能[帶動(dòng)畫效果]](http://img.jbzj.com/images/xgimg/bcimg2.png)
jQuery實(shí)現(xiàn)返回頂部按鈕和scroll滾動(dòng)功能[帶動(dòng)畫效果]
這篇文章主要介紹了jQuery實(shí)現(xiàn)返回頂部按鈕和scroll滾動(dòng)功能[帶動(dòng)畫效果],需要的朋友可以參考下2017-07-07
本文為大家詳細(xì)介紹下通過jquery獲取表單元素CheckBox、Radio等的值，有需求的朋友可以參考下，希望對(duì)大家有所幫助2013-07-07
jQuery操作select的實(shí)例代碼，這篇比較簡單，如果想要想了解更多可以參考腳本之家以前發(fā)布的文章2012-06-06
jQuery中iframe的操作(點(diǎn)擊按鈕新增窗口)
<iframe>也應(yīng)該是框架的一種形式，它與<frame>不同的是，iframe可以嵌在網(wǎng)頁中的任意部分。本文給大家介紹jQuery中iframe的操作(點(diǎn)擊按鈕新增窗口)，需要的朋友參考下吧2016-04-04
這篇文章主要介紹了jQuery中clone()方法用法,實(shí)例分析了clone()方法的功能、定義及克隆匹配的DOM元素的使用技巧,需要的朋友可以參考下2015-01-01
下面小編就為大家?guī)硪黄獪\談jquery拼接字符串效率比較高的方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-02-02
這篇文章主要介紹了jQuery中size()方法用法,實(shí)例分析了size()方法返回對(duì)象集合中元素?cái)?shù)目的使用技巧,具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2014-12-12
Jquery Ajax學(xué)習(xí)實(shí)例 向頁面發(fā)出請(qǐng)求，返回XML格式數(shù)據(jù)
Jquery Ajax學(xué)習(xí)實(shí)例 向頁面發(fā)出請(qǐng)求，返回XML格式數(shù)據(jù)的代碼2010-03-03