随笔分类 - jQuery

利用Jquery Lazyload JS插件实现网页图片延迟加载

摘要：Jquery Lazyload是一款网页图片延迟加载JS插件，本文介绍该JS的使用方法。最新的jquery lazyload可以单独使用（即不依赖jquery），本文介绍的是依赖jquery的使用及配置方法。 Github项目地址：https://github.com/tuupola/lazylo 阅读全文

posted @ 2024-02-05 11:14 Jweib 阅读(197) 评论(0) 推荐(0) 编辑

jquery 检测div宽度变化_jquery判断浏览器宽度小于指定值改变div样式

摘要：浏览器原本样式当浏览器宽度小于1200px时样式变为代码如下：方法一：直接修改该div样式添加w1200,会覆盖前一个样式 $(function(){ var _width = $(window).width(); //获取浏览器宽度 if(_width < 1200){ $(".chenbi 阅读全文

posted @ 2023-11-21 11:03 Jweib 阅读(83) 评论(0) 推荐(0) 编辑

关于jquery显示部分li元素的方法

摘要：$('.one ul li:gt(3)').hide();$('.one ul li:last').show();$('.one ul li:last').click(function(){$('. 阅读全文

posted @ 2023-11-18 15:13 Jweib 阅读(31) 评论(0) 推荐(0) 编辑

jQuery实现手风琴效果

摘要：<div class="panel"> <div class="panel-header"> jQuery的核心特性 </div> <div class="panel-body"> jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对CSS 阅读全文

posted @ 2018-11-08 09:22 Jweib 阅读(535) 评论(0) 推荐(0) 编辑

jQuery延迟加载(懒加载)插件 – jquery.lazyload.js

摘要：Lazy Load 是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预加载的处理方式正好是相反的.在包含很多大图片长页面中延迟加载图片可以加快页面加载速度. 浏览器将会在阅读全文

posted @ 2016-10-11 14:55 Jweib 阅读(978) 评论(0) 推荐(0) 编辑

控制导航条最后一个标签样式的三种方法

摘要：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>控制导航条最后一个标签样式的三种方法</title> <script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-2.1.1. 阅读全文

posted @ 2016-09-30 10:54 Jweib 阅读(717) 评论(0) 推荐(0) 编辑