css实现DIV扩展伸缩效果，源代码如下：
<!DOCTYPE html>
<html>
<head>
<style type=\'text/css\'>
.expandable .hidden {
display: none;
}
.expandable:active .hidden, .expandable .hidden:hover {
display: block;
}
.min {
width: 50px;
height: 50px;
background: green;
cursor: -moz-zoom-in;
cursor: -webkit-zoom-in;
}
.full {
width: 200px;
height: 200px;
background: yellow;
position: relative;
top: -50px;
}
</style>
</head>
<body>
<div class=\"expandable\">
<div class=\"min\"></div>
<div class=\"hidden full\"></div>
</div>
</body>
</html>
继续阅读与本文标签相同的文章
上一篇 :
通往强人工智能，少不了模拟大脑
-
互联网之光大会的黑科技，总有一款惊艳你！
2026-05-14栏目： 教程
-
微信宣布一项新举措，关系到每一个用户，网友一致力挺：干得漂亮！
2026-05-14栏目： 教程
-
微软建议企业客户卸载KB4520062累积更新
2026-05-14栏目： 教程
-
他让我国芯片研究停滞13年，还骗走11亿研发资金，现状如何？
2026-05-14栏目： 教程
-
健乐教学机器人可开展的教学实训内容
2026-05-14栏目： 教程