js简单地实现了制表功能。
第一种方法是使用本机js代码如下:复制代码代码如下所示:
简单的标签
身体,UL,李余量:0;填充:0;}
身体12px / 1.5 {字体:宋体;}
#外{宽度:450px;保证金:10px汽车;}
#标签{溢出:隐藏;变焦:1;背景:# 000;边框1px solid # 000;}
#选项卡里{浮动:左;颜色:# FFF;身高:30px;鼠标指针;线高度:30px;列表样式类型:无;padding: 0 20px;}
#选项卡里。目前{颜色:# 000;背景:# CCC;}
#内容{ border: 1px solid # 000;边框顶部宽度:0;}
#内容UL {线高度:25px;显示:无;保证金:0 30px;填充:10px 0;}
在window.onload =功能()
{
VaR OLI = document.getelementbyid(标签),GetElementsByTagName(李);
VaR,= document.getelementbyid(内容),GetElementsByTagName(UL);
对于(var i = 0;i < oli.length;i++)
{
OLI {我}。指数=我;
OLI {我}。onmouseover =函数(){
对于(n = 0 n<VaR;oli.length;n + +)
{
OLI {N} classname = ;
this.classname =电流;
}
对于(n = 0 n<VaR;oul.length;n + +)
{
灵魂{ }。style.display =没有;
灵魂{ }。指数。风格。显示为块;
}
}
}
}
科学与技术
旅游
娱乐
宏碁R7双转轴变形试验:在触摸板的设计也不同(图)
超薄索尼Xperia Tablet Z平板电脑评价和防水
最好的WP8智能手机诺基亚Lumia 925的评价
联想IdeaPad S405评价绩效的主流要升级
辣椒M2智能手机评测:那我们就不要老了
联想K900内部结构看,国产神器多少国内货物(组图)
联想K900内部结构看,国产神器多少国内货物(组图)
皮肤效应
联想K900内部结构看,国产神器多少国内货物(组图)
在爱西雅图,美国全景旅游推荐
在爱西雅图,美国全景旅游推荐
在爱西雅图,美国全景旅游推荐
在爱西雅图,美国全景旅游推荐
在爱西雅图,美国全景旅游推荐
在爱西雅图,美国全景旅游推荐
在爱西雅图,美国全景旅游推荐
在爱西雅图,美国全景旅游推荐
在爱西雅图,美国全景旅游推荐
在爱西雅图,美国全景旅游推荐
在爱西雅图,美国全景旅游推荐
在爱西雅图,美国全景旅游推荐
在爱西雅图,美国全景旅游推荐
李安向美国歌剧《暴君》宣布辞职:需要休息。
李安向美国歌剧《暴君》宣布辞职:需要休息。
李安向美国歌剧《暴君》宣布辞职:需要休息。
李安向美国歌剧《暴君》宣布辞职:需要休息。
李安向美国歌剧《暴君》宣布辞职:需要休息。
李安向美国歌剧《暴君》宣布辞职:需要休息。
李安向美国歌剧《暴君》宣布辞职:需要休息。
李安向美国歌剧《暴君》宣布辞职:需要休息。
李安向美国歌剧《暴君》宣布辞职:需要休息。
李安向美国歌剧《暴君》宣布辞职:需要休息。
李安向美国歌剧《暴君》宣布辞职:需要休息。
第二种方法是在jQuery中实现的,代码比第一个方法简单。
复制代码代码如下所示:
简单的标签
身体,UL,李余量:0;填充:0;}
身体12px / 1.5 {字体:宋体;}
#外{宽度:450px;保证金:10px汽车;}
#标签{溢出:隐藏;变焦:1;背景:# 000;边框1px solid # 000;}
#选项卡里{浮动:左;颜色:# FFF;身高:30px;鼠标指针;线高度:30px;列表样式类型:无;padding: 0 20px;}
#选项卡里。目前{颜色:# 000;背景:# CCC;}
#内容{ border: 1px solid # 000;边框顶部宽度:0;}
#内容UL {线高度:25px;显示:无;保证金:0 30px;填充:10px 0;}
$(函数(){())
VaR胆小;
$(#选项卡)。找到(礼),每个(函数(指数){)
VaR SLI =美元(这);
SLi.mouseenter(function(){()
(我= setTimeout(){()函数
SLi.addClass(流),兄弟姐妹()。RemoveClass(流);
SLi.parent(),()下找到(UL:情商(+指数+ )),(),()()兄弟姐妹。隐藏;
},300);
})。Mouseleave(function(){)
ClearTimeout(我);
})
})
})
科学与技术
旅游
娱乐
宏碁R7双转轴变形试验:在触摸板的设计也不同(图)
超薄索尼Xperia Tablet Z平板电脑评价和防水
最好的WP8智能手机诺基亚Lumia 925的评价
联想IdeaPad S405评价绩效的主流要升级
辣椒M2智能手机评测:那我们就不要老了
联想K900内部结构看,国产神器多少国内货物(组图)
联想K900内部结构看,国产神器多少国内货物(组图)
皮肤效应
联想K900内部结构看,国产神器多少国内货物(组图)
在爱西雅图,美国全景旅游推荐
在爱西雅图,美国全景旅游推荐
在爱西雅图,美国全景旅游推荐
在爱西雅图,美国全景旅游推荐
在爱西雅图,美国全景旅游推荐
在爱西雅图,美国全景旅游推荐
在爱西雅图,美国全景旅游推荐
在爱西雅图,美国全景旅游推荐
在爱西雅图,美国全景旅游推荐
在爱西雅图,美国全景旅游推荐
在爱西雅图,美国全景旅游推荐
在爱西雅图,美国全景旅游推荐
在爱西雅图,美国全景旅游推荐
李安向美国歌剧《暴君》宣布辞职:需要休息。
李安向美国歌剧《暴君》宣布辞职:需要休息。
李安向美国歌剧《暴君》宣布辞职:需要休息。
李安向美国歌剧《暴君》宣布辞职:需要休息。
李安向美国歌剧《暴君》宣布辞职:需要休息。
李安向美国歌剧《暴君》宣布辞职:需要休息。
李安向美国歌剧《暴君》宣布辞职:需要休息。
李安向美国歌剧《暴君》宣布辞职:需要休息。
李安向美国歌剧《暴君》宣布辞职:需要休息。
李安向美国歌剧《暴君》宣布辞职:需要休息。
李安向美国歌剧《暴君》宣布辞职:需要休息。
第一种方法,使用原生js,是向他人学习的方法。第二种方法是基于第一种方法。