使用JQuery快速實現(xiàn)Tab的AJAX動態(tài)載入(實例講解)
更新時間：2013年12月11日 09:38:23 作者：
這篇文章主要介紹了使用JQuery快速實現(xiàn)Tab的AJAX動態(tài)載入(實例講解)需要的朋友可以過來參考下，希望對大家有所幫助
下面我就簡單講一下實現(xiàn)過程:
1.找到鏈接源,我這里是一串的Li下的鏈接
2.處理樣式
3.當鼠標移過時載入鏈接源的網站到指定容器,并切換樣式讓點擊事件返回false,這里不會應該點擊到鏈接源網頁
5.Over了.
腳本:
復制代碼 代碼如下:
{
//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");});
}
相關文章
jquery 頁眉單行信息滾動顯示實現(xiàn)思路及代碼
將滾動的內容查詢出來，放在一個div 或者別的容器里面，具體的實現(xiàn)代碼如下2014-06-06
獲取對象是比較常見的操作了，因為想要操作一個對象之前，一定要先獲取，這是必須的，下面整理了常見對象的獲取方法，希望對大家有所幫助2014-05-05![jQuery實現(xiàn)返回頂部按鈕和scroll滾動功能[帶動畫效果]](http://img.jbzj.com/images/xgimg/bcimg2.png)
jQuery實現(xiàn)返回頂部按鈕和scroll滾動功能[帶動畫效果]
這篇文章主要介紹了jQuery實現(xiàn)返回頂部按鈕和scroll滾動功能[帶動畫效果],需要的朋友可以參考下2017-07-07
本文為大家詳細介紹下通過jquery獲取表單元素CheckBox、Radio等的值，有需求的朋友可以參考下，希望對大家有所幫助2013-07-07
jQuery操作select的實例代碼，這篇比較簡單，如果想要想了解更多可以參考腳本之家以前發(fā)布的文章2012-06-06
<iframe>也應該是框架的一種形式，它與<frame>不同的是，iframe可以嵌在網頁中的任意部分。本文給大家介紹jQuery中iframe的操作(點擊按鈕新增窗口)，需要的朋友參考下吧2016-04-04
這篇文章主要介紹了jQuery中clone()方法用法,實例分析了clone()方法的功能、定義及克隆匹配的DOM元素的使用技巧,需要的朋友可以參考下2015-01-01
下面小編就為大家?guī)硪黄獪\談jquery拼接字符串效率比較高的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-02-02
這篇文章主要介紹了jQuery中size()方法用法,實例分析了size()方法返回對象集合中元素數(shù)目的使用技巧,具有一定的參考借鑒價值,需要的朋友可以參考下2014-12-12
Jquery Ajax學習實例 向頁面發(fā)出請求，返回XML格式數(shù)據(jù)
Jquery Ajax學習實例 向頁面發(fā)出請求，返回XML格式數(shù)據(jù)的代碼2010-03-03