编程笔记

1.首先新建test.html，在test.html中需要引入jquery.min.js，Button按钮中的onclick绑定的事件为clickCallBack()函数，clickCallBack()函数通过POST方式向指定的php传递值，callback(data)函数负责接收返回的参数信息（收藏成功或请您先登录）。 !DOCTYPE htm...

PHP实现图片加水印代码，具体代码如下： //$img = 图片，$source = 水印 $img = 'test.jpg'; $source = 'source.png'; //参数设置，值越大水印越稀（水印平铺的越少），相反... $ww = 0; //每个水印的左右间距 $hh = 0; //每个水印的上下间距 //水印图片旋转...

当我们用到layer.msg()和parent.location.reload()刷新的时候，会发现layer.msg不会弹出提示信息，那这种情况我们要怎么操作呢？ 我们原来的代码如下（会发现执行后不会提示数据保存成功或者失败）： $.post({url:"/save",data:data.field,success:function (...

layui table表格中读取数据后改变某一行的背景颜色，只需要在：done: function(res, curr, count) { 中加入如下代码即可。 for(var i =0;ires.data.length;i++){if(res.data[i].status==0){$(".layui-table tbody tr").eq(i).css("background-color","red")}}...

html部分代码： p context-tip="自定义上下文提示信息"段落内容.../pdiv context-tip="自定义上下文提示信息"div内容.../div js代码部分： // 悬浮提示$("body").on("mouseenter", "*[context-tip]", function () { var content = $(this).attr('context-tip'...

layui使用tips鼠标悬停提示语的实例代码，具体代码如下，有三种方式： !DOCTYPE htmlhtml lang="zh" head meta charset="UTF-8" title测试-liu 劉/title/headscript src="https://cdn.staticfile.org/layui/2.7.6/layui.js"/scriptscript src="https://code.j...

使用layui复选框的时候需要向后台传递值，值的形式为 逗号分割的形式 。如下图需要选择多个条件。 layui的前端样式代码如下： div class="layui-form-item" label class="layui-form-label"复选框/label div class="layui-input-block" input type="checkbox"...

layui点击图片实现预览功能，要怎么实现呢？ HTML内使用代码： img src="..." alt="..." width="200px" height="200px" class="layui-upload-img" onclick="previewImg(this)" JS代码部分： function previewImg(obj) { var img = new Image(); img.src = obj...

layui.laydate默认当前时间时分秒，详细代码如下： //加载日期控件信息 layui.use('laydate', function() { var laydate = layui.laydate; var now = new Date(); laydate.render({ elem: '#publishTime', theme: 'molv', type: 'datetime', trigger: 'click'...

支持Promise API 支持移动触摸事件 基于canvas技术，支持canvas的浏览器都可以使用该插件 通过Base64编码导出剪裁后的图片。 可以通过json数据来获取图片的位置和大小 可以通过json数据来设置图片的位置和大小 可以通过URL来获取图片。 HTML代码部分： script...

layui实现弹窗下拉搜索选择框功能，实现效果如下： html按钮： a class="btn ygyouhui2 btn-xs audit_btn" href="javascript:void(0);" title="通过" data-id="{$row['id']}" 通过/a js代码部分： script // 事件监听 $('.audit_btn').click(function (){ con...

layui表单select框同时支持下拉和输入的解决方案，最终实现效果如下： div class="layui-input-inline"select name="member_depart" lay-verify="required" id="member_depart" lay-filter="member_depart" style="height:10px;" lay-searchoption value=""选...