jquery
养猪场老板
热爱生活 哈哈哈
展开
-
jq 图片裁剪功能
cropper.js 一款基于jquery的图片裁剪插件这两篇文章详细介绍了配置信息:https://blog.csdn.net/chenxueshanBlog/article/details/81941436https://blog.csdn.net/weixin_38023551/article/details/78792400...原创 2020-01-02 14:04:57 · 509 阅读 · 0 评论 -
H5 终止ajax请求
//声明变量var request;//数据请求request = $.ajax({ type: "", url: "", data: {}, dataType: "", success: function(res) { }});//终止请求事件request.abort();原创 2019-12-05 10:45:09 · 155 阅读 · 0 评论 -
jq h5实现swiper轮播图全屏预览
今天实现swiper轮播图全屏预览,之前写mip化页面的时候轮播图组件有全屏预览的属性以为swiper.js(https://www.swiper.com.cn/)会有,可是没有找到呀,网上的框架也很多,但是不想改插件了所以用最简单的方式css+jq 对swiper插件实现了全屏预览(单个轮播或多个轮播可用)逻辑:1. 通过用户点击轮播图元素,在动态生成一个全屏的轮播图,把点击的轮播图...原创 2019-11-28 11:26:01 · 1629 阅读 · 0 评论 -
h5 audio标签 点击播放暂停 并添加进度条显示
<div class="audio_con" onclick="playVid()" > <div class="audiobg"></div></div><audio src="../js/1.mp3" id="myaudio"></audio>var myaudio = document.getEl...原创 2019-10-22 11:55:06 · 1028 阅读 · 0 评论 -
H5 移动端 上拉加载
$(document).scroll(function () { var distance = $(document).scrollTop(); //向上滚动高度 if(distance >= $("body").height() - $(window).height() - 80){ // 内容高度 - 窗口高度 page = pa...原创 2019-10-09 18:05:30 · 177 阅读 · 0 评论 -
lazyload图片预加载
//引入lazyload.js<script src="/assets/global/scripts/select2/dist/js/lazyload.js"></script>//img标签<img id="activityBanner_pic" class="img-responsive" data-original="<?php echo $rv...原创 2019-06-14 13:48:17 · 280 阅读 · 0 评论 -
url中解析字段并用base64加密解密图片地址
//对 123321 进行加密var str = $.base64.encode('123321');alert(str); //对 str 进行解密var dstr = $.base64.decode(str);base64.js 源码/*! * jquery.base64.js 0.1 - https://github.com/yckart/jquery.bas...原创 2019-05-14 10:22:01 · 1983 阅读 · 0 评论 -
jquery 一键复制淘口令
<!DOCTYPE html><html lang="zh-en"><head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript" src="https://code.jquery.com/j...原创 2019-04-25 11:50:36 · 7051 阅读 · 2 评论 -
图片加载延迟( LazyLoad.js )
在线引用地址:http://www.ijquery.cn/demo/lazyload/js/lazyload/jquery.lazyload.js滚动到可视范围后 加载图片内容<script type="text/javascript" charset="utf-8"> $(function() { $("img.lazy").lazyload({effec...原创 2019-04-29 17:02:58 · 592 阅读 · 0 评论 -
swiper实现icons列表超出数量滑动轮播
h5页面 业务逻辑 ajax获取列表信息 通过列表数量判断 显示是否滑动轮播因为是动态加载html所以都写在了script标签里面“//ajax 获取iconsdata数据,并把元素赋给homes $("#homes").append(iconslist(iconsdata)); swiper();function swiper(){ /...原创 2019-04-02 09:34:01 · 729 阅读 · 0 评论 -
ajax模糊查询可复用
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="http://co...原创 2019-04-04 16:49:00 · 251 阅读 · 1 评论 -
带ajax的模糊匹配
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="http://code.jq...原创 2019-04-04 14:13:52 · 224 阅读 · 0 评论 -
点击事件阻止冒泡
<body> //点击触发dom <div id="txt1">点击我</div> //弹出框 <div id="div_items"></div></body><script> //方法1: //弹出列表框 $("#txt1").c...原创 2019-04-04 11:26:45 · 235 阅读 · 0 评论 -
jquery判断用户设备端类型是苹果或安卓
var u = navigator.userAgent;var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1;var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);原创 2019-03-25 09:32:25 · 792 阅读 · 0 评论 -
事件截流
通过isClick布尔值判断是否截流var isClick = true;$(".free-list").click(function(e){ //点击截流 if(isClick) { isClick = false; setTimeout(function() { isClick = true...原创 2019-03-25 09:30:19 · 173 阅读 · 0 评论