jquery tabs的實(shí)現(xiàn)代碼
更新時間：2009年05月26日 02:28:07 作者：
晚上有插件可以實(shí)現(xiàn)"jquery tab"，但有點(diǎn)復(fù)雜了，我想寫個最簡單的，來實(shí)現(xiàn)"jquery tab"。而事實(shí)上確實(shí)很簡練
關(guān)鍵代碼：
$(function(){
$(".tabs li").eq(0).css("background","#499AFF");
$(".tabs div").eq(0).show();
$(".tabs>ul>li").click(function(i){
$(this).css("background","#499AFF").siblings().css("background","#ffffff");
$(".tabs div").eq($("li").index(this)).show().siblings("div").hide();
return false;
})
})
演示（請“運(yùn)行代碼”后，刷新一次）：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
復(fù)制代碼 代碼如下:
$(function(){
$(".tabs li").eq(0).css("background","#499AFF");
$(".tabs div").eq(0).show();
$(".tabs>ul>li").click(function(i){
$(this).css("background","#499AFF").siblings().css("background","#ffffff");
$(".tabs div").eq($("li").index(this)).show().siblings("div").hide();
return false;
})
})
演示（請“運(yùn)行代碼”后，刷新一次）：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
相關(guān)文章
jQuery插件echarts設(shè)置折線圖中折線線條顏色和折線點(diǎn)顏色的方法
這篇文章主要介紹了jQuery插件echarts設(shè)置折線圖中折線線條顏色和折線點(diǎn)顏色的方法,結(jié)合實(shí)例形式分析了jQuery圖表插件echarts設(shè)置折線圖的相關(guān)操作技巧,需要的朋友可以參考下2017-03-03![自定義一個jquery插件[鼠標(biāo)懸浮時候 出現(xiàn)說明label]](http://img.jbzj.com/images/xgimg/bcimg1.png)
自定義一個jquery插件[鼠標(biāo)懸浮時候 出現(xiàn)說明label]
自定義一個jquery插件，一個簡單的jquery.js,入門的jquery插件，jquery入門實(shí)例,jquery helloworld。2011-06-06
jQuery 底層 AJAX 實(shí)現(xiàn)。簡單易用的高層實(shí)現(xiàn)見 $.get, $.post 等。$.ajax() 返回其創(chuàng)建的 XMLHttpRequest 對象。大多數(shù)情況下你無需直接操作該函數(shù)，除非你需要操作不常用的選項(xiàng)，以獲得更多的靈活性，本文給大家介紹jquery ajax用法詳解，感興趣的朋友一起學(xué)習(xí)吧2015-11-11
本篇文章主要是對Cookie中的Path與domain進(jìn)行了詳細(xì)的分析介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
jquery ajax傳遞中文參數(shù)亂碼問題及解決方法說明
本篇文章主要是對jquery ajax傳遞中文參數(shù)亂碼問題及解決方法進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-02-02
jquery pagination分頁插件使用詳解（后臺struts2）
這篇文章主要為大家詳細(xì)介紹了jquery pagination 分頁插件的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-01-01
這篇文章主要介紹了JQuery控制radio選中和不選中方法總結(jié),本文起講解了設(shè)置選中方法、設(shè)置選中和不選中示例、另一種設(shè)置選中方法、根據(jù)值設(shè)置radio選中、使用prop方法操作示例等內(nèi)容,需要的朋友可以參考下2015-04-04
這篇文章主要介紹了jQuery獲取樣式中顏色值的方法,可實(shí)現(xiàn)針對IE與Chrome、Firefox等不同瀏覽器都可獲取css樣式中background-color值的功能,非常具有實(shí)用價值,需要的朋友可以參考下2015-01-01
jquery實(shí)現(xiàn)文字由下到上循環(huán)滾動的實(shí)例代碼
這篇文章介紹了jquery實(shí)現(xiàn)文字由下到上循環(huán)滾動的實(shí)例代碼，有需要的朋友可以參考一下2013-08-08
jQuery中select與datalist制作下拉菜單時的區(qū)別淺析
一般我們通常使用select制作下拉菜單，但是H5之后，datalist也可以充當(dāng)select的角色，而且兩者還有一點(diǎn)小的不同。具體區(qū)別詳解小編通過本文給簡單介紹下2016-12-12