动态切换排行榜--音乐频道

最新推荐文章于 2023-11-06 10:57:18 发布

z466459262

最新推荐文章于 2023-11-06 10:57:18 发布

阅读量183

点赞数

分类专栏： CSS 文章标签：音乐 CSS

本文链接：https://blog.csdn.net/z466459262/article/details/83635187

版权

CSS 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

[code]
其实就是点一个隐藏一个，显示一个，然后用css排下版就可以了
<div id="top">
<ul id="sidebar">
<li class="">v]神州榜</li>
<li class="">[v]香港榜/li>
</ul>
<div id="content">
<div>
<ul class="music">
<li class="one">勇敢的心[汪峰]</li>
<li class="two">勇敢的心[汪峰]</li>
<li class="three">勇敢的心[汪峰]</li>
<li class="four">勇敢的心[汪峰]</li>
<li class="five">勇敢的心[汪峰]</li>
<li class="six">勇敢的心[汪峰]</li>
<li class="seven">勇敢的心[汪峰]</li>
<li class="eight">勇敢的心[汪峰]</li>
</ul>
</div>
<div>
<ul class="music">
<li class="one">勇敢的心[汪峰]</li>
<li class="two">勇敢的心[汪峰]</li>
<li class="three">勇敢的心[汪峰]</li>
<li class="four">勇敢的心[汪峰]</li>
<li class="five">勇敢的心[汪峰]</li>
<li class="six">勇敢的心[汪峰]</li>
<li class="seven">勇敢的心[汪峰]</li>
<li class="eight">勇敢的心[汪峰]</li>
</ul>
</div>
</div>
</div>

#top div ul#siderbar{
height:20px;
line-height:20px;
width:215px;
margin:0 auto;
background:red;
border-bottom:1px solid #5b5b5b;
padding-top:5px;
}
#top div ul#siderbar li{ -- li本来就是区块，可以直接浮动
float:left;
cursor:pointer; ---做成手型
width:60px;
height:20px;
margin-left:5px;
color:#666;
text-align:center;
background:url(images/libg1.gif) no-repeat left center;
}

[/code]