IT
QSWQSWQSWQSWQSW
.
展开
-
点击按钮切换显示和隐藏,点击空白处隐藏盒子
点击按钮切换显示和隐藏,点击空白处隐藏盒子原创 2022-07-21 10:48:10 · 1379 阅读 · 1 评论 -
每次点击按钮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原创 2021-08-10 14:40:00 · 529 阅读 · 0 评论 -
自适应背景图片
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;原创 2021-05-08 16:22:41 · 71 阅读 · 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.原创 2021-04-22 11:28:55 · 95 阅读 · 0 评论 -
html底部出现空白
找了好久才发现,是我某个元素设置了visibility: hidden;元素是隐藏了,但是这个元素的大小还在那放着。改为display none就好了。自己每个盒子设置了一下午的高度100% 用display flex 布局什么的都不好使,后来突然就想到了,记录一下,防止下次再找错找这么久。。...原创 2021-04-09 15:42:55 · 1402 阅读 · 0 评论 -
swiper缩略图的loop为false时,滑动添加类名
// 详情图片联动var galleryThumbs = new Swiper('.gallery-thumbs', { spaceBetween: 1, slidesPerView: 4, freeMode: true, // loop:true, virtualTranslate: true, watchSlidesVisibility: true, watchSlidesProgress:原创 2021-04-06 17:37:28 · 448 阅读 · 0 评论 -
给循环出来的标签给不同的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) {原创 2021-04-06 12:03:09 · 152 阅读 · 0 评论 -
选项卡下的swiper滑动和左右箭头失效
给swiper添加这两句就可以了:observer:true,observeParents:true,如图????原创 2021-04-02 17:50:37 · 608 阅读 · 0 评论 -
微信内置浏览器图片出现上下空白
检查图片是否有此样式,去掉就好了原创 2021-03-10 14:32:34 · 245 阅读 · 0 评论 -
将数据追加到数组中然后赋值成对象在追加到新的数组中
好多input框,要以键值对的数组传数据给后台第一步:// 将动态添加的input框的value值都添加到一个数组里去 var numArr = []; // 定义一个空数组 var numArr2 = []; // 定义一个空数组 var txt = $('.inquiry_number'); // 获取所有文本框 var txt2 = $('.inquiry_value'); // 获取所有文本框 for (var i = 0; i < txt.le.原创 2021-03-01 14:10:57 · 913 阅读 · 2 评论 -
json数组转成数组,将里面的数据循环出来
json数组转成数组,将里面的数据循环出来入栈到新的空数组中,然后传给后台。原创 2021-02-25 15:07:02 · 292 阅读 · 0 评论 -
layui弹框回车禁止提交
在form下加一个隐藏的select就解决了<div class="layui-input-inline" style="display: none;"> <select lay-verify="" type="hidden"></select></div>原创 2020-12-29 16:17:07 · 1328 阅读 · 0 评论 -
layui弹框回车越来越黑
layer.open({ type: 1, skin: 'layui-layer-rim', //加上边框 title: "修改", area: ['420px', '200px'], //宽高 content: $(".content"), success: function () { $(':focus').blur();//解决弹框越来越黑问题 } });原创 2020-12-24 16:47:09 · 302 阅读 · 2 评论 -
Layui中select下拉框选中触发事件
var form = layui.form, layer = layui.layer; // 监听 $(document).ready(function() { // select下拉框选中触发事件 form.on("select", function(data){ alert(data.value); // 获取选中的值 }); });...原创 2020-12-10 17:30:40 · 3845 阅读 · 0 评论 -
[Intervention] Ignored attempt to cancel a touchmove event with cancelable=false
swiper报了这个错误,大家都说加touch-action 但是我的还是不好使然后**给body加了ontouchstart** 就好使了 感觉也比之前顺畅了这个操作是进行手机端兼容处理的,防止伪类:active失效。原创 2020-11-04 14:27:26 · 553 阅读 · 0 评论 -
bootstrap datetimepicker时间插件 第二次点击不显示的问题
最近在项目中引用了bootstrap-datatimepicker控件,但是发现该控件在日期选择框弹出状态下再次点击input则日期选择框消失但再次点击input日期选择框不再弹出。 解决办法: 在日期控件的show方法中给input加上disabled属性。在hide方法中取消disabled属性。show: function (e) { this.picker.show(); this.height = this.component ? this.component.outerHeight()原创 2020-10-27 11:50:57 · 913 阅读 · 0 评论 -
手风琴菜单
HTML<dl class="list_dl"> <dt class="list_dt"> <p>工程车辆</p> <i class="list_dt_icon"></i> </dt> <dd class="list_dd"> <ul>原创 2020-10-14 13:50:13 · 125 阅读 · 3 评论 -
获取js动态增加的input框尾增到数组
首先是一个增加input的事件$(".numberAdd_icon").click(function () { var tr = ` <p class="exhibition_numberAdd"> <span>询价号码</span> <input type="text" placeholder="用于客户询价" class="inquiry_number"> &原创 2020-09-10 15:03:55 · 666 阅读 · 0 评论 -
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原创 2020-09-10 11:04:26 · 256 阅读 · 0 评论 -
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原创 2020-09-09 15:22:54 · 690 阅读 · 0 评论 -
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原创 2020-06-09 13:57:46 · 142 阅读 · 0 评论 -
div透明,文字不透明
给div:background:rgba(190,190,190,0.5);原创 2020-04-08 16:49:25 · 290 阅读 · 2 评论 -
h5唤起ios app
点击下载的时候,将ios详情页需要的参数通过url地址拼接传给他。判断是不是ios应用,用ios给你的schema链接或者universal link链接检测一下。是的话,跳ios app的详情页链接。不是的话,我这里跳了一个空白页,空白页里直接跳转ios给的苹果商店链接。...原创 2020-04-07 16:22:00 · 727 阅读 · 0 评论 -
pdfh5.js 基于pdf.js和jQuery,移动端PDF预览插件,可手势缩放,支持懒加载
pdfh5.js 基于pdf.js和jQuery,移动端PDF预览插件,可手势缩放,支持懒加载转载 2020-01-13 15:33:51 · 1674 阅读 · 2 评论 -
使用onclick()事件以及"this"获取当前标签属性值
通过onclick事件来获取到动态数据中的data属性值在onclick事件的括号里写this,在方法函数里写一个值用来传输,这样就可以获取到想要的值了。原创 2020-01-13 14:56:46 · 4494 阅读 · 1 评论 -
如何在手机上预览本地h5页面
如何让本地的h5界面再手机端访问 前提条件电脑和手机必须连接同一个wifi 或者处于同一个网段1.安装nodeJS环境 http://nodejs.cn/2.在当前所在项目文件夹下输入命令:npm install anywhere -g3.输入命令:anywhere5.打开草料 https://cli.im/6.打开手机扫一下...原创 2019-12-24 10:52:41 · 641 阅读 · 0 评论 -
jquery向动态生成的元素添加事件
$(selector).delegate(childSelector,event,data,function)参数描述childSelector必需。规定要附加事件处理程序的一个或多个子元素。event必需。规定附加到元素的一个或多个事件。空格分隔多个事件值,必须是有效的事件data可选。规定传递到函数的额外数据。function必需。规定当事件...原创 2019-12-10 11:22:52 · 165 阅读 · 3 评论 -
使用IntersectionObserver让html滚动到可见区域图片懒加载
<!DOCTYPE HTML><html><head> <meta charset="utf-8"> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="viewport" content="width=device...原创 2019-11-29 15:48:58 · 170 阅读 · 2 评论 -
html滚动到可见区域加载动画
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scal...原创 2019-11-29 14:46:03 · 2322 阅读 · 0 评论 -
移动端 ios H5禁用双指手势缩放和双击缩放
移动端 ios H5禁用双指手势缩放和双击缩放转载 2019-11-28 10:31:17 · 1010 阅读 · 0 评论 -
通过CSS,实现元素反转
通过CSS,实现元素反转转载 2019-11-26 13:07:59 · 672 阅读 · 0 评论 -
点击切换图片并且点击图片可放大查看
html:<div class="form-inline chooseBanShi"> <span><i class="i_red">*</i>选择版式:</span> <select name="pid" id="format_Qi" onChange="document.x1.src=options[selec...原创 2019-11-18 17:43:51 · 1010 阅读 · 0 评论 -
解决h5用rem布局的页面刚开始缩放一下的问题
js:window.onload = function () { getRem(750, 100)};window.onresize = function () { getRem(750, 100)};function getRem(pwidth, prem) { var html = document.getElementsByTagName("html")[0]; var o...原创 2019-11-15 17:21:10 · 630 阅读 · 1 评论 -
使用wow.js和animate.css滑动页面加载盒子特效
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" type="text/css" href="../WOW-master/css/libs/animate.css">...原创 2019-10-31 18:05:31 · 166 阅读 · 0 评论 -
刷新页面切换图片
<!DOCTYPE HTML><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>刷新页面切换图片</title> </head> <body> <sc...原创 2019-10-31 16:22:02 · 1043 阅读 · 0 评论 -
列表点击编辑的时候多选删除
在做收藏和消息列表点击编辑进行全选删除和单选删除时,遇到了一个这样的问题:当点击编辑了之后,后面加载出来的列表条目不会渲染上去多选框,也添加不上被选中的状态,这样就导致无法判断是否被选中。请教了一番后,才知道需要把后加载出来的列表先解绑再绑定checked的状态。全选按钮:<input id="all" type="checkbox" class="dr_select" data="a...原创 2019-10-24 13:47:58 · 438 阅读 · 0 评论 -
js搜索历史记录
效果地址:http://www.seetao.com/m_search.html 手机端html:<body> <div class="search_top"> <img src="__IMG__/search_icon2.png" class="search_fang" /> <input type="...原创 2019-10-21 14:58:50 · 588 阅读 · 0 评论 -
node.js里的天龙八部
express -e 项目名称 创建项目cd 项目名称 进入项目npm install 安装package.json中的指定的项目模块npm install mysql –save 表示安装mysql驱动,表示可以通过nodeji链接数据库了 【–save 表示把mysql 保存到 package.json中】删除views中index.ejs中的内容,写上自己的页面在rout...原创 2018-09-15 09:32:28 · 213 阅读 · 0 评论 -
js实现input框左边输入同步右边,右边输入同步左边
运用原生js的键盘弹起事件,获取到两个input框的id值,让左边的value等于右边的value。实现效果:当在左边input框按下后松开的时候,右边input框会显示出相应的内容。话不多说 上图片 ↓↓↓↓↓↓↓↓↓↓↓↓↓↓...原创 2018-09-26 19:22:13 · 1929 阅读 · 0 评论 -
vue.js生命周期钩子函数
vue.js生命周期的八大状态:1. beforeCreate(创建前)2. created(创建后)3. beforeMount(载入前)4. mounted(载入后)5. beforeUpdate(更新前)6. updated(更新后)7. beforeDestroy(销毁前)8. destroyed(销毁后)...原创 2018-09-28 19:56:50 · 230 阅读 · 0 评论