利用jquery怎么實現(xiàn)一個tab選項卡切換效果-創(chuàng)新互聯(lián)
利用jquery怎么實現(xiàn)一個tab選項卡切換效果？很多新手對此不是很清楚，為了幫助大家解決這個難題，下面小編將為大家詳細講解，有這方面需求的人可以來學習下，希望你能有所收獲。
成都創(chuàng)新互聯(lián)公司堅持“要么做到，要么別承諾”的工作理念，服務領域包括：成都網(wǎng)站設計、網(wǎng)站制作、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣等服務，滿足客戶于互聯(lián)網(wǎng)時代的
玉屏網(wǎng)站設計、移動媒體設計的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡建設合作伙伴！
jquery是什么
jquery是一個簡潔而快速的JavaScript庫，它具有獨特的鏈式語法和短小清晰的多功能接口、高效靈活的css選擇器，并且可對CSS選擇器進行擴展、擁有便捷的插件擴展機制和豐富的插件，是繼Prototype之后又一個優(yōu)秀的JavaScript代碼庫，能夠用于簡化事件處理、HTML文檔遍歷、Ajax交互和動畫，以便快速開發(fā)網(wǎng)站。
代碼：
*{margin:0;padding:0; }
.box{position:relative;font-size:0;}
.box span{display:inline-block;width:150px;height:40px;line-height:40px;text-align:center;background:#eee;font-size:16px;}
.line{position:absolute;width:150px;height:3px;background:#059;left:0;bottom:0;}
新聞資訊
公司動態(tài)
$(function(){
var $spans=$("#switch span");
$spans.click(function(){
$(this).addClass('current').siblings().removeClass('current');
var index=$spans.index(this);
//$("#content .detail").eq(index).show().siblings().hide();
//$("#fr .bar").eq(index).show().siblings().hide();
})
$spans.mouseover(function(){
var index=$spans.index(this);
var cName=$(this).attr("class");
if(cName!="current"){
if(index==0){
$('.line').animate({'left':'0px'},300);
}else{
$('.line').animate({'left':'150px'},300);
}
}
})
$spans.mouseout(function(){
var index=$spans.index(this);
var cName=$(this).attr("class");
if(cName!="current"){
if(index==0){
$('.line').animate({'left':'150px'},300);
}else{
$('.line').animate({'left':'0px'},300);
}
}
})
}）
看完上述內容是否對您有幫助呢？如果還想對相關知識有進一步的了解或閱讀更多相關文章，請關注創(chuàng)新互聯(lián)網(wǎng)站建設公司行業(yè)資訊頻道，感謝您對創(chuàng)新互聯(lián)建站的支持。
另外有需要云服務器可以了解下創(chuàng)新互聯(lián)建站www.cdcxhl.com，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、建站服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。
網(wǎng)站題目：利用jquery怎么實現(xiàn)一個tab選項卡切換效果-創(chuàng)新互聯(lián)
文章路徑：
http://weahome.cn/article/ddjcsj.html
重慶分公司
重慶分公司
