CSS，div鼠标滑过切换的代码（只要纯CSS代码，最好不好带javascript）?
1个回答
展开全部
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
* { margin:0; padding:0; list-style-type:none; }
li { width:50px; height:20px; float: left}
li span { position: absolute; top:20px; left:0; background:#CCC; display:none; width:150px; height:150px; }
li:first-child span { display:block; }
li:hover span { display:block; }
</style>
</head>
<body>
<ul>
<li>1<span>1111111</span></li>
<li>2<span>2222222</span></li>
<li>3<span>3333333</span></li>
</ul>
</body>
不用JS顶多这种效果 网易那种都是js改类名做的
<meta charset="utf-8">
<title>无标题文档</title>
<style>
* { margin:0; padding:0; list-style-type:none; }
li { width:50px; height:20px; float: left}
li span { position: absolute; top:20px; left:0; background:#CCC; display:none; width:150px; height:150px; }
li:first-child span { display:block; }
li:hover span { display:block; }
</style>
</head>
<body>
<ul>
<li>1<span>1111111</span></li>
<li>2<span>2222222</span></li>
<li>3<span>3333333</span></li>
</ul>
</body>
不用JS顶多这种效果 网易那种都是js改类名做的
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
