页面刷新-导航高亮不变
摘要：html: <ul class="nav nav-tabs choose_nav" role="tablist" id="vtab"> <li role="presentation" class="active nav-item"> <a href="{:url('index/personal_ri
阅读全文
posted @
2020-10-21 10:19
小虾米吖~
阅读(129)
推荐(0) 编辑
fullpage.js配合bootstrap制作响应式网站
摘要：一、需求：在PC端使用全屏滚动效果，移动端使用浏览器自带滚动条取消全屏滚动。 二、难点： 1、fullpage只能初始化一次， 2、在移动端,当取消全屏滚动，每一屏高度自动；浏览器滚动条上下滚动时页面会自动向上或者向下滚动一点点 3、在手机自带浏览器（除微信浏览器和QQ浏览器外）滑动时会自动回到顶部
阅读全文
posted @
2020-10-21 09:14
小虾米吖~
阅读(446)
推荐(0) 编辑
范围选择器，jquery.range插件使用
摘要：1、下载jQuery.range.js 和jquery.range.css 2、使用 html: <input class="range-slider theme-green" type="hidden" name="ageRange" id="ageRange" value="25,35"/>js
阅读全文
posted @
2020-09-24 17:34
小虾米吖~
阅读(749)
推荐(0) 编辑
pattern新属性验证手机号
摘要：<input type="tel" class="form-control" placeholder="请输入手机号码" name="telephone" required="required" pattern="^1[3456789][0-9]{9}$">注意： 使用pattern属性时不能使用有
阅读全文
posted @
2020-09-14 16:59
小虾米吖~
阅读(560)
推荐(0) 编辑
fullpage and wow.js混合使用兼容性
摘要：官网加动画特效，哇哦，下面我介绍一下WOW.js 官网地址：https://www.delac.io/wow/ 点击github可以找到wow.js和wow.min.js 以及animate.css者animate.min.css wow.js依赖于animate.css，首先在头部引用animat
阅读全文
posted @
2020-09-04 09:38
小虾米吖~
阅读(605)
推荐(0) 编辑
jq插件 jsencrypt.min.js加密密钥和私钥（二次封装）
摘要：代码结构： 1、首先下载 jsencrypt.min.js 源码；并稍作修改：具体源码如下所示： var JSEncryptExports = {}; (function(exports) { function BigInteger(a,b,c){null!=a&&("number"==typeof
阅读全文
posted @
2020-08-17 09:36
小虾米吖~
阅读(305)
推荐(0) 编辑
ios时间格式的处理----坑坑坑
摘要：在做移动端开发时发现一个bug;再取两个日期之间的差值时，没有注意到ios设备上的日期格什问题，导致自己一直在坑里打转，，对自己无语至极！ 这个是封装的求取两个日期之间的差的函数（开始写法）：结果是一个整数。 function DateDiff(sDate1, sDate2) { //sDate1和
阅读全文
posted @
2020-05-29 09:18
小虾米吖~
阅读(327)
推荐(0) 编辑
jq替换用户头像(选择一张图片)
摘要：html:<div class="mui-table-view info_header"> 头像 <img src="<php> $info['head'] = $info['head'] ? '/upload/'.$info['head'] : '__TMPL__/public/style/ima
阅读全文
posted @
2020-05-20 17:45
小虾米吖~
阅读(326)
推荐(0) 编辑
layer.js使用（回调函数可实现toast显示时禁用按钮，toast隐藏时启用按钮）
摘要：$("#payBtn").attr("disabled", true) layer.msg('请查看并同意《服务协议》', { time: 2000 }, function() { $("#payBtn").attr("disabled", false) })
阅读全文
posted @
2020-04-14 17:02
小虾米吖~
阅读(892)
推荐(0) 编辑
js-控制输入框输入数字且每隔四个字符增加一个中横线
摘要：<input type="tel" id="inputCode" oninput="value=value.replace(/[^\d|-]/g,'')" onfocus="this.placeholder=''" onblur="inputBlur()" placeholder="请输入激活码"
阅读全文
posted @
2020-04-14 16:41
小虾米吖~
阅读(1135)
推荐(0) 编辑
jQuery绑定或删除绑定事件
摘要：<!DOCTYPE html><html lang="en" class="loading"><head> <meta charset="UTF-8"> <title>demo1</title> <script src="js/jquery-2.1.1.min.js"></script> <scri
阅读全文
posted @
2018-10-19 15:35
小虾米吖~
阅读(424)
推荐(0) 编辑
jQuery示例
摘要：<!DOCTYPE html><html lang="en" class="loading"><head> <meta charset="UTF-8"> <title>demo1</title> <script src="js/jquery-2.1.1.min.js"></script> <scri
阅读全文
posted @
2018-10-18 15:33
小虾米吖~
阅读(106)
推荐(0) 编辑
jQuery 常用的方法
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"/> <title>品牌列表案例</title> <script src="js/jquery-2.1.1.min.js" rel="script"></script> <scrip
阅读全文
posted @
2018-10-17 18:05
小虾米吖~
阅读(107)
推荐(0) 编辑
jQuery 选择器demo练习
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"/> <title>品牌列表案例</title> <script src="js/jquery-2.1.1.min.js" rel="script"></script> <style
阅读全文
posted @
2018-10-16 11:18
小虾米吖~
阅读(286)
推荐(0) 编辑
jQuery---过滤选择器
摘要：4、过滤选择器 过滤选择器主要是通过特定的过滤规则来筛选出所需的DOM元素，过滤规则与CSS 中的伪类选择器语法相同，即选择器都以一个冒号(:)开头。按照不同的过滤规则， 过滤选择器可以分为基本过滤、内容过滤、可见性过滤、属性过滤、子元素过滤和表 单对象属性过滤选择器。 1）基本过滤选择器:firs
阅读全文
posted @
2018-10-16 10:04
小虾米吖~
阅读(343)
推荐(0) 编辑
jQuery之CSS选择器的处理机制
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8" /> <title>jQuery的第一个demo</title> <script src="js/jquery-2.1.1.min.js" rel="script"></scrip
阅读全文
posted @
2018-10-15 17:47
小虾米吖~
阅读(146)
推荐(0) 编辑
jQuery对象和DOM对象的区别
摘要：三、DOM对象和jQuery对象的区别1、DOM对象（Document Object Model）文档对象模型 通过getElementsByTagName、getElementsById、getElementsByClassName方法得到的对象就是DOM对象 2、jQuery对象 」Query对
阅读全文
posted @
2018-10-15 11:42
小虾米吖~
阅读(381)
推荐(0) 编辑
jQuery之导航菜单（点击该父节点时子节点显示，同时子节点的同级隐藏，但是同级的父节点始终显示）
摘要：注：对于同一个对象不超过3个操作的，可直接写成一行，超 过3个操作的建议每行写一个操作。这样可读性较强，可提高代码的可读性和可维护性 核心代码： $(".has_children").click(function(){ $(this).addClass("highlight") //为当前元素增加h
阅读全文
posted @
2018-10-15 10:20
小虾米吖~
阅读(1546)
推荐(0) 编辑
jQuery核心方法
摘要：1、$(document.body).css( "background", "black" ); 2、$(myForm.elements).hide()；隐藏表单所有元素。 3、$("<input type='checkbox'>").appendTo("body");将动态input标签追加到bo
阅读全文
posted @
2018-09-28 16:08
小虾米吖~
阅读(146)
推荐(0) 编辑
jQuery筛选器常用总结
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>筛选</title> <script rel="script" src="js/jquery.min.js"></script> <script rel="scri
阅读全文
posted @
2018-09-26 16:29
小虾米吖~
阅读(281)
推荐(0) 编辑
