CSS div鼠标滑过切换的代码?
就像网易等一些大网站都会用到的一种效果，鼠标一滑过内容就自动切换，这样很节省版面，内容也可以放的更多,只要纯CSS代码，最好不好带javascript，看不懂。谢谢……...
就像网易等一些大网站都会用到的一种效果，鼠标一滑过内容就自动切换，这样很节省版面，内容也可以放的更多,只要纯CSS代码，最好不好带javascript，看不懂。 谢谢……
展开
5个回答
展开全部
<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改类名做的
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
纯CSS的不兼容，还是配合JS好！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你说的是选项卡效果？网上找找这种效果，很多。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
网上的那种效果很多 可以下些该一下 就ok了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
