今天在做项目的时候遇到页面中加载的文章过多,如果全部都显示出来的话会影响页面的美观,所以写了一个点击加载更多的按钮,让文章的内容只显示其中的一部分,如果读者想看更多的内容可以点击更多这个按钮观看更多的内容! 因为我写的页面中有相对定位和绝对定位,所以在demo页面中也是用的相对定位和绝对定位写 ...
今天在做项目的时候遇到页面中加载的文章过多,如果全部都显示出来的话会影响页面的美观,所以写了一个点击加载更多的按钮,让文章的内容只显示其中的一部分,如果读者想看更多的内容可以点击更多这个按钮观看更多的内容! 因为我写的页面中有相对定位和绝对定位,所以在demo页面中也是用的相对定位和绝对定位写 ...
一、点击加载更多有点像分页获取数据类似,下面是本人写的一个简单的小例子 二、点击加载更多,需要注意是在原来数据的基础上加载出来新的数据,所以拼接html是关键 ...
我写了一个简单的分段显示插件,用法很简单:1,把你要分面显示的内容的容器元素增加一个class=showMoreNChildren,并增加一个自定义属性pagesize="8" 这种这个pagesizie有一个默认值10。可以不写如 2,页面尾部引用这个插件js文件(在之前要先引入 ...
<!DOCTYPE html> < html xmlns = "http://www.w3.org/1999/xhtml" > < he ...
点击展开之后:主要用到的属性有ovflow属性,以及vue的动态绑定class 注:如果是自适应的就要读取浏览器的宽度了,6就要换成浏览器的宽度了,代码如下: ...
由于介绍比较多,可以将部分文字隐藏,点击更多按钮,将全部文字显示出来 同时,如果文字全部显示出来,就显示“收缩” 直接上js代码 前台调用的时候写上: ...
下面是css样式 具体的js的如下: 职场小白,有不正确的或者有更多的可以提意见 耶 ...
第一种是简单的显示和隐藏,使用了bind()和toggle(); toggle()方法自己就有显示隐藏的作用。 但是这段js的缺点是,当我点击“深咖色”显示红色方块,再次点击“11*11”时,绿色方块出现,但是红色方块也不会隐藏,如图: 第二种 ...