首頁 > web前端 > js教程 > 基于jquery的tab切换 js原理_jquery

基于jquery的tab切换 js原理_jquery

WBOY
發布: 2016-05-16 18:30:43
原創
1401 人瀏覽過
html代码:
复制代码 代码如下:


  • 个人资料
  • 帐号维护
  • 在来个

11111111111111111111111111111111





js代码:
复制代码 代码如下:

$(function(){
$(".tab>li").mouseover(function(){
$(".tab>li").removeClass("on");
$(this).addClass("on");
var target = $('#' + this.rel);
if (target.size() > 0) {
$('.details > dl').hide();
target.show();
} else {
alert('There is no such container.');
}
});
});

效果图:


打包下载地址

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板