这是一个创建于 2222 天前的主题，其中的信息可能已经有所发展或是发生改变。
有没办法让点击一个 div，来执行另一个 div 的动画？ 比如我建立两个 box，一个 box1，一个 box2，box1 比如是按钮。box2 比如是一个菜单。默认 box2 菜单是 height: 0px，看不见，点击 box1 后，box2 的 height: 0px 变成 400px，就能看到点击 box1，box2 打开的效果。但是不是很理解这个是怎么用。
比如：
<style> .box1 { width: 50px; height: 50px; background-color: aqua; position: absolute; right: 10px; top: 5px; } .box2 { width: 100%; background-color: aqua; position: absolute; top: 60px; height: 0px; animation: animation 1s; } @keyframes animation { 0% { height: 0px; } 100% { height: 400px; } } .box1:active{ //执行 animation 动画 } </style> |
1
CSGO OP |
 |
2
azh7138m 2018-10-22 19:17:45 +08:00
|
 |
3
Pudge1337 2018-10-22 19:27:00 +08:00 via Android
为何不用 js
|
 |
5
rabbbit 2018-10-22 19:50:24 +08:00
 局限性很大 |
 |
6
sxy62016 2018-10-22 20:03:09 +08:00 via Android
点击可以用 checkbox 的 checked 属性实现
|
 |
7
wly19960911 2018-10-22 20:07:19 +08:00
@Pudge1337 js 写好动画比 css 要难一点。
|
|
8
rabbbit 2018-10-22 20:38:11 +08:00
checked 还能这么用,长见识了
 |
 |
10
Sparetire 2018-10-23 01:45:41 +08:00 via Android
label+checkbox+兄弟元素选择器，隐藏掉 checkbox
|
 |
12
lraining 2018-10-23 08:16:55 +08:00 via Android
$(#box1).click(function(){
$(#box2).animate({height:400},'slow','easeOutSine',null); }); |
Select Language