零基础学jQuery

本文介绍如何使用jQuery点击按钮加载更多功能主要js代码与说明<script type="text/javascript">//jQuery加载更多var num = 2;//取得li个数var le…

为什么要图片懒加载， 当一个页面图片数量多，而且比较大，少说百来K，多则上兆的时候。 要是页面载入就一次性加载完毕。 就会非常慢。所以，我们得做点什么，避免…

本文介绍如何使用checkbox复选框来控制导航的显示和隐藏从而制作一个响应式菜单导航效果.许多导航菜单（特别是响应式菜单）是使用HTML，CSS和Javascript的组合创建的。这个简单的CSS方法将证明Javascript并不总是必要的！checkbox复选框有两种状态，一种是选中，一种是取…

如何使用jQuery+css实现简单的导航下拉菜单效果呢？ 一个网站导航功能是必不可少的,‌‌网站导航可以为网页的访问者提供一种捷径，使其可以方便的访问到所需的内容页面，网站导航同时可以提高网页的浏览效率。如何实现该项目使用无序列表实现网页的导航功能,设置li的posi…

正常的文本框（textarea）的高度是固定的，用户可以通过拖动来调整文本框的大小，但是在特定的情况下我们需要实现在输入内容后 ，文本框（textarea）高度能够根据…

为什么要模拟select下拉菜单效果默认select下拉菜单样式控制非常麻烦，想要做一个漂亮的select效果更是难上难，所以使用div+css+jquery模拟select下拉菜单效果，比默认的Select更漂亮，样式也更好设计。关键技术点.option下拉列表使用绝对定位.点击.select_box实现下拉收…

如何使用javascript制作图片的无缝滚动效果呢？首先我说一下思路,这里我定义2个div容器，一个是demo1,一个是demo2, 我的目标是demo1从最初点开始向上匀速滚动，当滚动到demo1的最后一张图片的时候，使用偏移距离，让demo1重新开始滚动，这样便达成了无缝滚动效果，那么有…

JavaScript 实现数组随机排序通常使用于网站的多线路选择以及超链接的href赋值,本案例使用SORT和MATH.RANDOM组合， javaScript的sort()方法可以接收一个比较函数来…

如果你想做一个精致的网页，浏览器滚动条的效果一定会影响你的网页效果， 那么浏览器滚动条的样式可以修改么?得的这个滚动条的样式确实可以修改，但是它只支持比较新的浏览器。我们可以通过CSS样式修改滚动条的颜色、宽度、形状等样式属性，使其更符合页面设计风格。修改…

如何使用javascript制作图片的无缝滚动效果呢？首先我说一下思路,这里我定义2个div容器，一个是demo1,一个是demo2, 我的目标是demo1从最初点开始向左匀速滚动，当滚动到demo1的最后一张图片的时候，使用偏移距离，让demo1重新开始滚动，这样便达成了无缝滚动效果，那么有…

为什么要制作导航置顶效果呢？导航置顶可以让用户更好的快速找到页面的各个内容,旨在提升用户体验、提高导航可见性、 节省页面空间等方面。原理使用javaScript向window对象（浏览器窗口）添加滚动事件监听器，通过CSS的position: fixed属性，可以将导航栏固定在页面顶部。…

文章内容如何使用css3实现响应式视频背景？关键技术点注意设定视频宽度和高度页面媒体查询技术(Media Queries)视频css设置object-fit: cover;为了确保视频能够在电脑页面填充页面设置视频的宽度为： width: 100%; 高度为：height: 100%;object-fit设置为：object-fit:cov…