效果:点击图片会展开,同时其他展开的图片会同时收回去;

代码有三个:HTML文件,CSS文件和JS文件

最重要的实现在于js:
1.获取到这些图片对象:document.querySelectorAll('.panel')
2.获取到之后进行点击事件的监控:

3.同时将其他图片收起:

其他就是样式上的细节~
比如一个transition;

效果:点击图片会展开,同时其他展开的图片会同时收回去;

代码有三个:HTML文件,CSS文件和JS文件

最重要的实现在于js:
1.获取到这些图片对象:document.querySelectorAll('.panel')
2.获取到之后进行点击事件的监控:

3.同时将其他图片收起:

其他就是样式上的细节~
比如一个transition;

479

被折叠的 条评论
为什么被折叠?