JQuery
qq_42289686
这个作者很懒,什么都没留下…
展开
-
js 字符串切片按照指定的长度进行切割,并返回数组
let splitStr = (str) => { if (str.length < 100000) { var rs = []; rs[0] = str; return rs } else { let size = 100000 let count = Math.ceil(str.leng...原创 2019-12-26 11:12:50 · 3119 阅读 · 1 评论 -
layui表格数据另类重载,自写ajax
//表格初始化以及重载函数 var tableInit = function () { layui.use('table', function () { window.table = layui.table; //展示已知数据 window.table.render({ ...原创 2019-07-31 16:38:43 · 1543 阅读 · 1 评论 -
JS 点击按钮复制指定的文本
效果图<p class="copy-text"> <span>aaaaaaaaaaaa45631</span> <button class="copy" onclick="copythis(this)" data-clipboard-text="">复制左侧消息</button> </p> &...原创 2019-07-06 14:22:25 · 2739 阅读 · 0 评论 -
如何自己动手写一个穿梭框
CSS部分/*添加福利*/.add-box,.remove-box{ background-color:#f1f1f1; height: 200px; overflow-y: auto; overflow-x: hidden;}.add-span,.remove-span{ border:1px solid #aaa; border-radius: 3px; font-si...原创 2019-06-26 09:45:02 · 1736 阅读 · 1 评论 -
input剪裁图片后,base64图片上传
效果示意:前端框架使用了bootstrap4.0剪裁插件:cropper.jsHTML <div class="input-group mb-3 form-group file-img"> <div class="custom-file"> <input type="text" style="display: none"...原创 2019-06-04 15:48:24 · 436 阅读 · 0 评论 -
数组遍历插入html,常用与ajax更新列表等等
<!DOCTYPE html><html><head> <title></title></head><body><select name="shi"> <option>请选择城市</option></select></body><...原创 2019-06-19 16:36:21 · 296 阅读 · 0 评论 -
二级栏目导航,放置在banner轮播图z轴上面的导航列表
效果图:CSS样式/*招聘导航列表*/.zp-nav-list{ position: absolute; left:0; top: 0; z-index: 100; color: white; width: 100%; height: 100%;}.zp-nav-left{ list-style:none; padding: 0; float:left; heig...原创 2019-06-09 13:57:13 · 616 阅读 · 0 评论 -
弥补bootstrap没有提示消息JS插件
bootstrap有一个alerts组件,但是没有提醒组件,有时候ajax发送请求,要实现一个交互提醒的效果,所以我自己就写了一个消息提醒的JS…var msg_id = 1000;// 消息提醒function alert_msg(type,msg,time){ if(time == ''){ time = 1000; } msg_id = (msg_id + 1); var...原创 2019-05-29 15:48:54 · 879 阅读 · 0 评论 -
分片上传含前端JS和后端处理(thinkphp)
前端处理需要上传的文件,slice对file进行切片上传,这里我使用了URL传参,所有就没在FORMDATA中增加参数了。这里我引入了Jquery插件。onsubbtn(){ let that = this ; var filecount='',setsize=80000,cutindex='',cutfile=''; var file = $...原创 2019-04-11 09:20:05 · 1095 阅读 · 0 评论 -
js遍历表单中所有的input的name与值,并创建一个对象,需要jquery插件
// 根据父级元素的ID,来遍历ul li列表中的input name 和val 生成对象,如果全部为空则返回falsefunction ergodicData(dom){ xDOM = $("#"+dom +" input") var formdata = {} for (var i = 0; i < xDOM.length; i++) { var a = xDOM...原创 2019-01-16 13:49:34 · 5716 阅读 · 0 评论 -
用JQuery使列表中的图片水平垂直居中显示
像案例中心这些放置小LOGO的地方,有些logo图片的尺寸都无法做到一致,也没功夫用PS统一尺寸,这时候可以使用line-height+text-align: center来自动居中,在不使用line-height的情况下,用text-align: center和JS使小图片自动垂直居中,原理:img的CSS:position: relative;然后用top:calc(50% - 图片高度...原创 2018-12-17 10:50:57 · 1238 阅读 · 0 评论