会python真的可以为所欲为0(回)
355天前
这里还有人吗1(回)
540天前这里还有人吗0(回)
540天前
每天面对着电脑屏幕，敲打键盘。我所面对的并不只是代码，而是一种生活方式。0(回)
765天前到处都是羊，不想上班0(回)
845天前
鸽子
0(回)
849天前
练习2.rar(免费下载)[0 次下载]<style><!-- |
body{margin:50px 50px;padding:0;} |
.xxk{} |
.xxk ul{color:#fff;text-align:center;line-height:30px;margin:0;padding:0;} |
.xxk ul li{list-style:none;width:100px;background:#000; cursor:pointer;} |
.xxk ul li.active{background:red;color:#000;} |
.xxk ul li div{background:#fff;border:1px solid #000;display:none;} |
.hello{border:1px solid #000;width:100px;} |
.hello div{display:none;line-height:30px;width:100px;} |
--></style> |
<p> |
<script type="text/javascript" src="jquery-1.10.1.js"></script> |
<script type="text/javascript">// <![CDATA[ |
$(function(){ |
$('.xxk ul li').click(function(){ |
$(this).addClass('active').siblings().removeClass('active'); |
var index=$('.xxk ul li').index(this); |
|
$('li').not('active').find('div').stop().slideUp(); |
$('.xxk div').eq(index).slideDown(); |
}) |
|
|
}) |
// ]]></script> |
</p> |
<p>写的效果出来了，新手，请各位大神多多指教小辈</p> |
<div class="xxk"> |
<ul> |
<li class="active">选项卡1 |
<div style="display: block;">选项卡1选项</div> |
</li> |
<li>选项卡2 |
<div>选项卡2选卡2选项卡2</div> |
</li> |
<li>选项卡3 |
<div>选项卡卡3</div> |
</li> |
<li>选项卡4 |
<div>选项卡4</div> |
</li> |
</ul> |
</div> |
练习2.rar(免费下载)[0 次下载]
初级程序员
by: 云代码会员 发表于：2016-08-26 10:18:22 顶(0) | 踩(0) 回复
1110
回复评论