JQuery
昵称2-20个字符
这个作者很懒,什么都没留下…
展开
-
JS/JQ获取各种屏幕的高度和宽度
**JS/JQ获取各种屏幕的高度和宽度**Javascript:网页可见区域宽: document.body.clientWidth网页可见区域高: document.body.clientHeight网页可见区域宽: document.body.offsetWidth (包括边线的宽)网页可见区域高: document.body.offsetHeight (包括边线的高)网页正文全文宽: document.body.scrollWidth网页正文全文高: document.body.sc原创 2020-05-22 12:09:29 · 135 阅读 · 1 评论 -
jq实现图片懒加载
原理:先将img标签的src链接设为同一张图片(比如空白图片),然后给img标签设置自定义属性(比如 data-src),然后将真正的图片地址存储在data-src中,当JS监听到该图片元素进入可视窗口时,将自定义属性中的地址存储到src属性中。达到懒加载的效果。这样做能防止页面一次性向服务器发送大量请求,导致服务器响应面,页面卡顿崩溃等。<!DOCTYPE html><...原创 2020-05-21 12:03:21 · 155 阅读 · 0 评论 -
jq获取元素距顶部距离 jq获取当前窗口滚动条滚动高度 scrollTop() offset().top
$('element').offset().top为元素到文档顶部距离 $(window).scrollTop() 为当前窗口滚动条的高度原创 2020-04-10 13:39:11 · 1998 阅读 · 0 评论 -
数字滚动 动画插件 countUp.js
数字滚动 动画插件<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-...转载 2019-12-02 16:01:15 · 484 阅读 · 0 评论 -
JQuery mousedown事件判断左右键
JQuery mousedown事件判断左右键<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <me...原创 2019-09-26 17:40:49 · 1259 阅读 · 0 评论 -
切换图片 JQuery鼠标事件 swiper轮播 mousedown事件
切换图片 JQuery鼠标事件小米官网切换图片效果轮播效果使用的swiper插件(https://www.swiper.com.cn/ )图片素材源于小米官网javascript代码//轮播var swiper4 = new Swiper('.swiper-container4', { loop:true, autoplay:true, ...原创 2019-09-27 12:43:29 · 1370 阅读 · 0 评论 -
jquery 通过animate实现height: auto展开收缩过渡动画 height:auto过渡动画 animate
当点击展开时,获取元素height: auto的高度为多少像素,判断布尔值,由当前高度到height:auto的过渡或由height:auto到设置高度的过渡;需要引进jquery;javascript filter(); function filter(){ var xbool=[true,true,true];//定义数组 存放布尔值情况 $(...原创 2019-10-09 12:59:47 · 1246 阅读 · 0 评论 -
video,audio currentTime 失效无作用注意点 currentTime修改时间失败解决方法
video,audio currentTime 失效无作用 注意点自己试着写video的控制台,在写拖动进度效果踩坑;有引用Jquery,所以获取元素定义元素时都用的$("element")&&$elementcurrentTime方法 是添加在video||audio单个元素上的.。而JQ中$("element")&&$element获取的是数组对象,...原创 2019-10-11 18:54:07 · 3817 阅读 · 0 评论