手机版

用jquery统计子菜单的条数示例代码

时间:2021-11-15 来源:互联网 编辑:宝哥软件园 浏览:

jquery选项卡特效~ (类似选项卡)//www .JB 51。net/article/42151。html文件的后缀复制代码代码如下:doctype html html lang=' en ' head meta charset=' UTF-8 ' title tab/title style type=' text/CSS '/*删除边距填充*/body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td { margin:0划水:0;} /*默认字体*/正文、按钮、输入、选择、text area { Font :12 px/1.5 \ 5b 8b \ 4f 53、arial、无衬线;} h1、h2、h3、h4、h5、h6 { font-size :100%;} address,cite,dfn,em,var { font-style : normal;} code,kbd,pre,samp { font-family : courier new,courier,monospace}小号{ font-size :12 px} ul,ol { list-style : none;} a { text-decoration : none} a :悬停{ text-decoration :下划线;} sup {竖排:文本-顶部;} sub {垂直对齐:文本-底部;}图例{ color: # 000}字段集,img { border:0}按钮,输入,选择,文字面积{ font-size :100%;}表格{边框-折叠:折叠;边框间距:0;} .col-main { float : left;宽度:100%;最小高度:1 px} .中校col-extra { float : left;} .layout:after,主包装:after .col-sub:after .{ content:'\20 '后的col-extra :显示:块;高度:0;clear:both}。布局,主包装。中校col-extra { zoom :1;} /*常见功能*/。隐藏{ display:none}。不可见{ visibility:hidden} /*移除浮动*/。清除{显示:块高度:0;飞越:隐藏;clear : both } . clear fix : after。在{ content:'\20 '之后;显示:块;高度:0;clear:both}。clearfix { * zoom:1} /*对于非工程师协会浏览器也默认显示垂直滚动条,防止滚动条引起的闪烁*/html { overflow-y :卷轴;} /*默认链接样式*/a :链接{ color : # 003399} a :已访问{ color: # 123689} a :悬停{ color : # FF6600}/style/head body style type=' text/CSS ' .菜单{ width:200pxborder:1px固体# CCC边距-底部:20px } .菜单h3 { height:30px线高:30 px背景# ccc}。菜单num { font-weight : bold;颜色:红色左填充left :30 px }/style div class=' menu ' H3系统设置span class='num'/span/h3 ul li菜单1/李莉菜单2/李莉菜单3/李莉菜单4/李莉菜单5/li li菜单6/Li/ul/div菜单菜单设置2 span class='num'/span/h3 ul li菜单1/李莉菜单2/李莉菜单3/Li/ul/div菜单菜单设置3 span class='num'/span/h3 ul li菜单1/李莉菜单2/李莉菜单3/李莉菜单4/李莉菜单5/li /ul /div脚本类型=' text/JAVAScript ' src=' http : jquery。js /脚本脚本类型=' text/JavaScript ' for(var I=0;i$(' .菜单')。长度;i ){ var num=$(' .菜单')。方程式(I ).儿童(' ul ').儿童('里').长度;$('.菜单')。方程式(I ).查找('。数字' .文本(数字);}/脚本/正文/html

版权声明:用jquery统计子菜单的条数示例代码是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。