![e1dc81ecdff95c8fe2b0e03cec38f244.png](https://i-blog.csdnimg.cn/blog_migrate/b804c02ddf48e97c0db8762c9ce7e15e.jpeg)
![24ac930f0541e48b6e2280d5cc936f35.png](https://i-blog.csdnimg.cn/blog_migrate/2ea7ce2fc0207116b41c65cab8144f56.jpeg)
我个人觉得,这样的“查看更多”不是很好,因为你点击这个之后,会去到另一个页面里去。今天我们来写一下另一种的吧。
首先,我们先把结构给写出来,并且添加上样式
html:
<!DOCTYPE html>
css:(这里面的内容,我就先用颜色来代替了)
*
显示出来是这样的(图片显示的不是很全):
![632c6897d036ce97ab84acb1057aacfa.png](https://i-blog.csdnimg.cn/blog_migrate/0e28ff1645824db11bc9067a077af281.jpeg)
然后我们写js部分:
//首先把我们需要用到的元素给选取出来
最后的效果图:
![a9992d8c2a97e647073975f6073f6cf6.png](https://i-blog.csdnimg.cn/blog_migrate/93d9b245d5e03dedaf66e931192cd6a1.jpeg)
我个人觉得,这样的“查看更多”不是很好,因为你点击这个之后,会去到另一个页面里去。今天我们来写一下另一种的吧。
首先,我们先把结构给写出来,并且添加上样式
html:
<!DOCTYPE html>
css:(这里面的内容,我就先用颜色来代替了)
*
显示出来是这样的(图片显示的不是很全):
然后我们写js部分:
//首先把我们需要用到的元素给选取出来
最后的效果图: