用jquery統計子選單的條數範例程式碼_jquery

 
jquery tab特效~ （類似選項卡）http://www.jb51.net/article/42151.htm

複製程式碼

程式碼如下：

;



標籤標題>

/* 刪除邊距填充*/
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset ，圖例，按鈕，輸入，文字區域，th， td { 邊距：0;填充：0; }

/* 預設字體*/
body,button,input,select,textarea { font:12px/1.5 5b8b4f53,arial,sans-serif; }
h1,h2,h3,h4,h5,h6 { 字體大小:100%; }
地址，引用，dfn，em，var { 字體樣式：正常； }
code,kbd,pre ,samp { font-family:courier new,courier,monospace; }
小{ font-size:12px; }
ul,ol { 列表樣式：無； }
a { 文字裝飾：無； }
a:hover { 文字裝飾:下劃線; }
sup { 垂直對齊：文字頂部； }
sub { 垂直對齊：文字底部； }
圖例{ 顏色：#000; }
fieldset,img { border:0; }
按鈕、輸入、選擇、文字區域{ font-size:100%; }
表{ border-collapse:collapse;邊框間距：0； }
表{ border-collapse:collapse;邊框間距：0； }

.col-main{ float:left;寬度：100%；最小高度：1px; }
.col-sub,.col-extra { float:left; }
.layout:after, .main-wrap:after,.col-sub:after,.col-extra:after { content:'20';顯示：塊；高度：0；明確：兩者； }
.layout,.main- wrap,.col-sub,.col-extra { 縮放：1; }

/* 共同特徵*/
.hidden { display:none; }
.invisible { 可見性：隱藏； }

/* 刪除浮動*/
.clear { display:block;高度：0；溢出：隱藏；明確：兩者； }
.clearfix:after { content:'20 ';顯示：塊；高度：0；明確：兩者； }
.clearfix { *zoom:1; }

/* 對於非ie瀏覽器也預設顯示垂直滾動條，防止滾動條引起的閃爍*/
html { Overflow-y:scroll; }

/* 預設連結樣式*/
a:link {color: #003399; }
a:訪問過{color: #123689;}
a:hover {color: #FF6600;}
;
頭>

選單設定2 span>

;

• 選單1


• 選單2


• 選單3

選單設定3

;

• 選單1


• 選單2


• 選單3


• 選單4



• 選單5

for ( var i=0; ivar num = $('.menu').eq(i).children('ul') .children('li').length;
$('.menu ').eq(i).find('.num').text(num);
}
腳本>
身體>