感谢您的支持,我会继续努力的!
打开微信扫一扫,即可进行扫码打赏哦
点我查看本站打赏源码!
Powered by RUNCODEX.COM,学的不仅是技术,更是梦想!!!
<script src="https://cdn.staticfile.org/jquery/2.2.4/jquery.min.js"></script>
<h1>我的第一个HTML页面</h1>
<p>我的第一个段落。</p>
<div id="box">
<div id="tabs">
<ul class="tabs">
<li class="p1">所有活动</li>
<li class="p2">十二星座</li>
<li class="p3">迎新优惠</li>
<li class="p4">历史优惠</li>
</ul>
</div>
<div class="box">
<div class="all1 star1">
十二星座1
十二星座2
十二星座3
十二星座4
<div class="all1 new1">
迎新优惠1
迎新优惠2
迎新优惠3
<div class="all1 old1">
历史优惠1
历史优惠2
历史优惠3
历史优惠4
xxxxxxxxxx
$(".p1").click(function(){
$(".all1").show();
});
$(".p2").click(function(){
$(".star1").hide();
$(".p3").click(function(){
$(".new1").hide();
$(".p4").click(function(){
$(".old1").hide();
ul,li{
margin:0;
padding:0;
list-style:none;
}
#box{
border:3px solid #f00
#tabs{
margin:5px 50px;
#tabs:after{
content:"";
display:block;
clear:both;
.tabs>li{
float:left;
margin-left:10px;
background:#faa;
padding:5px;
.box{
border:1px solid #00f;
margin:20px 30px;
.box>div{
border:1px solid #0f0;
margin:3px;