QSWの

原创 点击按钮切换显示和隐藏，点击空白处隐藏盒子

点击按钮切换显示和隐藏，点击空白处隐藏盒子

原创 ajax获取http状态码

ajax获取http状态码

原创 h5移动端rem适配

h5移动端rem适配

原创 每次点击按钮input增加，可继续增加输入不同的值

<input id="content" type="text" /><input type="button" id="btn" value="ok" onclick="show()"><script> function show() { var oText=document.getElementById("content"); var oP =document.createElement("p"); oP

原创 自适应背景图片

width:100%;height:100%;z-index:-10;zoom: 1;background-color: #fff;background: url(1.png) no-repeat;background-size: cover;-webkit-background-size: cover;-o-background-size: cover;background-position: center 0;

原创 滚动条修改css样式

改成这个样子的滚动条，给父级一个高度，和overflow auto然后.countryCountent::-webkit-scrollbar { display: block !important;}.countryCountent::-webkit-scrollbar { width: 4px;}.countryCountent::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shado.

原创 html底部出现空白

找了好久才发现，是我某个元素设置了visibility: hidden;元素是隐藏了，但是这个元素的大小还在那放着。改为display none就好了。自己每个盒子设置了一下午的高度100% 用display flex 布局什么的都不好使，后来突然就想到了，记录一下，防止下次再找错找这么久。。...

原创 swiper缩略图的loop为false时，滑动添加类名

// 详情图片联动var galleryThumbs = new Swiper('.gallery-thumbs', { spaceBetween: 1, slidesPerView: 4, freeMode: true, // loop:true, virtualTranslate: true, watchSlidesVisibility: true, watchSlidesProgress:

原创 给循环出来的标签给不同的class名

遍历每一项，3个样式一循环，要是想4种就除4$(document).ready(function(){ $('.classify_box').each(function() { var num = $(this).index(); var rem = num % 3; if (rem == 0) { $(this).addClass('div1'); } else if(rem == 1) {

原创 选项卡下的swiper滑动和左右箭头失效

给swiper添加这两句就可以了：observer:true,observeParents:true,如图????

原创 微信内置浏览器图片出现上下空白

检查图片是否有此样式，去掉就好了

原创 将数据追加到数组中然后赋值成对象在追加到新的数组中

好多input框，要以键值对的数组传数据给后台第一步：// 将动态添加的input框的value值都添加到一个数组里去 var numArr = []; // 定义一个空数组 var numArr2 = []; // 定义一个空数组 var txt = $('.inquiry_number'); // 获取所有文本框 var txt2 = $('.inquiry_value'); // 获取所有文本框 for (var i = 0; i < txt.le.

原创 json数组转成数组，将里面的数据循环出来

json数组转成数组，将里面的数据循环出来入栈到新的空数组中，然后传给后台。

原创 layui弹框回车禁止提交

在form下加一个隐藏的select就解决了<div class="layui-input-inline" style="display: none;"> <select lay-verify="" type="hidden"></select></div>

原创 layui弹框回车越来越黑

layer.open({ type: 1, skin: 'layui-layer-rim', //加上边框 title: "修改", area: ['420px', '200px'], //宽高 content: $(".content"), success: function () { $(':focus').blur();//解决弹框越来越黑问题 } });

原创 打开txt文档显示乱码

打开txt另存为选择编码ANSI

原创 Layui中select下拉框选中触发事件

var form = layui.form, layer = layui.layer; // 监听 $(document).ready(function() { // select下拉框选中触发事件 form.on("select", function(data){ alert(data.value); // 获取选中的值 }); });...

转载 Git生成SSH密钥

Git生成SSH密钥

原创 js动态加载的html里写if判断

var $live_status1 = "<span class='live_status warmingUp'>" + $result['article_list'][$i]['live_status_describe'] + "</span>"var $live_status2 = "<span class='live_status LiveStreaming'>" + $result['article_list'][$i]['live_status_describ

原创 [Intervention] Ignored attempt to cancel a touchmove event with cancelable=false

swiper报了这个错误，大家都说加touch-action 但是我的还是不好使然后**给body加了ontouchstart** 就好使了 感觉也比之前顺畅了这个操作是进行手机端兼容处理的，防止伪类:active失效。

原创 bootstrap datetimepicker时间插件 第二次点击不显示的问题

最近在项目中引用了bootstrap-datatimepicker控件，但是发现该控件在日期选择框弹出状态下再次点击input则日期选择框消失但再次点击input日期选择框不再弹出。 解决办法： 在日期控件的show方法中给input加上disabled属性。在hide方法中取消disabled属性。show: function (e) { this.picker.show(); this.height = this.component ? this.component.outerHeight()

原创 手风琴菜单

HTML<dl class="list_dl"> <dt class="list_dt"> <p>工程车辆</p> <i class="list_dt_icon"></i> </dt> <dd class="list_dd"> <ul&gt

原创 数组的操作

转载 改变checkbox的样式（选项框中加图片）

input[type='checkbox'] {width: 20px;height: 20px;background-color: #fff;-webkit-appearance: none;border: 1px solid #c9c9c9;border-radius: 2px;outline: none;}.li_ipt input[type=checkbox]:checked {background: url("img/ok.png")no-repeat center;}

原创 获取js动态增加的input框尾增到数组

首先是一个增加input的事件$(".numberAdd_icon").click(function () { var tr = ` <p class="exhibition_numberAdd"> <span>询价号码</span> <input type="text" placeholder="用于客户询价" class="inquiry_number"> &

原创 textarea剩余可输入字数

<textarea onKeyUp="javascript:checkWord(this);" onMouseDown="javascript:checkWord(this);" name="content" style="overflow-y:scroll"></textarea>还可以输入<span style="font-family: Georgia; font-size: 26px;" id="wordCheck">160</span>个字符 &l

原创 textarea限制字数

现在来说下怎么让大部分IE版本都支持textarea 标签限制字数，同时允许以chorme为内核的浏览器也支持。<textarea rows="5" maxlength="80" onchange="this.value=this.value.substring(0, 80)" onkeydown="this.value=this.value.substring(0, 80)" onkeyup="this.value=this.value.substring(0, 80)" ></te

原创 滚动事件window.scroll只执行成功一次

$(window).scroll(function() { console.log("滚离顶部" + $(document).scrollTop()); //对window对象进行scroll事件解绑 $(window).unbind("scroll");});

原创 滑动屏幕到元素高度后就固定定位

$(function(){ // 广告AD1 位置 $(".ad1 img").load(function(){ let ad1_height = $(this).height() $(window).scroll(function(){ if($(window).scrollTop() >= ad1_height ){ $(".head").css(

原创 带swiper的选项卡联动切换

**HTML<!DOCTYPE html >!<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-

原创 jq选项卡

<html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title></title> <link rel="stylesheet" href=""> <script src="http://libs.baidu.com/jquery/1.10.2/jq

原创 CSS瀑布流

<!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-Compatible" content="ie=edge"> <title>Document&l

原创 CSS图片视觉差效果

<!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-Compatible" content="ie=edge"> <title>Do

原创 js微信h5页面背景音乐

微信H5页面<!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-Compatible" content="ie=edge"> <scrip

原创 可滑动导航栏隐藏滚动条

<!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-Compatible" content="ie=edge"> <title>Do

原创 响应式导航栏

HTML：<div class="c-nav"> <div class="container navFlex"> <div class="flexItem"> <img class="logo" src="http://weichai.seetaoism.com/Public/Ho...

原创 div透明，文字不透明

给div：background:rgba(190,190,190,0.5);

原创 头部尾部固定，中间可滚动，不遮挡，flex布局

<!DOCTYPE html><html><head> <title></title> <meta charset="utf-8"> <style type="text/css"> * { padding: 0; margi...

原创 h5唤起ios app

点击下载的时候，将ios详情页需要的参数通过url地址拼接传给他。判断是不是ios应用，用ios给你的schema链接或者universal link链接检测一下。是的话，跳ios app的详情页链接。不是的话，我这里跳了一个空白页，空白页里直接跳转ios给的苹果商店链接。...

转载 pdfh5.js 基于pdf.js和jQuery，移动端PDF预览插件，可手势缩放，支持懒加载

pdfh5.js 基于pdf.js和jQuery，移动端PDF预览插件，可手势缩放，支持懒加载