Jquery 點擊Tab切換

時間 2021-01-30

標籤 javascript java ide this spa rem function 欄目 JQuery 简体版

原文原文鏈接

實現功能：javascript

一、點擊Tab切換，內容切換！java

Jquery代碼：ide

$(function(){spa

$(".text div").hide();ip

$(".text div:first").show();rem

$(".menu a").click(function(){it

$(this).addClass("curr").siblings().removeClass("curr");io

$(".text div").hide();function

var tt = $(this).attr("href");

$(tt).show();

});

</script>

HTML代碼：

<body>

</div>

</body>

CSS代碼：

<style>

*{ margin:0; padding:0;}

.menu { width:500px; margin:20px auto; }

.menu a{ display:inline-block; width:100px; height:35px; line-height:35px; text-align:center; color:#000; background:#ccc; }

.menu a.curr { background:#080; color:#fff; font-weight:bold; }

.text {width:480px; height:170px; padding:10px; font-size:20px; border:1px solid #ccc;}

</style>

-----上傳了源文件，有須要的本身下載下來看看吧！

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。