查看演示  website  立即下载 插件描述：支持图片预览、像素限制、大小限制、多图上传、更新模式下页面初始化加载图片 更新时间：2020-01-11 00:24:17 使用方法 引入js： <script src=”static/js/cupload.js”></script> 在需要的位置添加html： <div id=”cupload”></div> 实例化cupload对象： <script type=”text/javascript”>     var cuploadCreate = new Cupload({         ele: ‘#cupload-create’,         num: 3,     });     var cuploadUpdate = new Cupload({         ele: ‘#cupload-update’,         num: 3,         data: [“static/image/1.png”, “static/image/2.png”, “static/image/3.png”],     }); </script> 可选参数 为方便比较和计算,部分参数为number型,已设置默认单位,不可再带单位。 {     ele: “#cupload”, // 实例化的DOM对象id,必需,默认为cupload     name: “image”, // 图片input的name名,非必需,默认为image     num: 1, // 可上传图片的数量,非必需,默认为1     width: 148, // 预览框的宽,单位为px,非必需,默认为148     height: 148, // 预览框的高,单位为px,非必需,默认为148     minSize: 1024, // 图片大小最小限制,单位为KB,非必需,无默认值     maxSize: 2048, // 图片大小最大限制,单位为KB,非必需,无默认值     limitedSize: 2048, // 图片大小要求,单位为KB,非必需,无默认值     minWidth: 100, // 图片宽度最小限制,单位为px,非必需,无默认值     minHeight: 100, // 图片高度最小限制,单位为px,非必需,无默认值     maxWidth: 2000, // 图片宽度最大限制,单位为px,非必需,无默认值     maxHeight: 2000, // 图片高度最大限制,单位为px,非必需,无默认值     limitedWidth: 800, // 图片宽度要求,单位为px,非必需,无默认值     limitedHeight: 800, // 图片高度要求,单位为px,非必需,无默认值     data: [“1.png”, “2.jpg”], // 编辑模式下初始显示的图片路径,非必需,无默认值 }

 查看演示  website  立即下载 插件描述：超简单的CSS波纹动画，用于地图坐标点缩放闪烁，从中心向四周扩散

 查看演示  website  立即下载 插件描述：jQuery双色球抽奖代码实现

 查看演示  website  立即下载 插件描述：jQuery产品列表，左右滑动选项卡

 查看演示  website  立即下载 插件描述：通过创建实例的方法，生成弹出框 更新时间：2020-07-03 00:25:48 var mModal1 = new mModal({      title: “提示”, // 标题，默认：提示      width: “25%”, // 弹出框宽度，默认 25%      top: “15vh”, // 距离可视区域顶部距离 CSS中 margin-top 值      content: “正文内容什么”, // 正文，默认：正文内容      cancelText: “取 消”, // 取消按钮文本      confirmText: “确 定”, // 确定按钮文本      showCancelButton: true, // 是否显示取消按钮      showConfirmButton: true, // 是否显示确定按钮      showClose: true, // 是否显示关闭按钮      modal: true, // 是否需要遮罩层      customClass: “”, // 自定义类名confirm      confirm: function () {        alert(“确定弹框1”);        mModal1.close();      },      cancel: function () {        alert(“取消弹框1”)      } }); mModal1.renderDom();

 查看演示  website  立即下载 插件描述：jQuery bootstrap多用途响应式企业网站模板，提供3种不同首页风格布局，和15个内容页。

 查看演示  website  立即下载 插件描述：移动端手机app数码产品页面模板

 查看演示  website  立即下载 插件描述：你的信息提示模块，有它，就够了! 更新时间：2020-01-07 00:08:16 更新内容：兼容了IE 11 , 以下版本未测试,修复了部分样式。 更新时间：2020-01-07 00:27:48 学生一枚，经常在线。有BUG或建议请在下面留言，我会及时解决。 它的优点是什么？ 兼容性？ 它不支持 IE 11 ， 因为箭头函数。 你可以尝试用一些组件，或对代码大刀阔斧的改造，让它兼容IE 11 🙂 我应该任何使用这个插件？ 首先，你应该确保你的页面已经引用了Jquery , 我们的插件需要它的支持 其次,在插件的下载清单中包含 AutoAdjustPostion.js 和 CommonPrompt.js 核心文件 这两个核心文件是干嘛的？ AutoAdjustPostion.js 这是一个非常简洁的小插件，它用于自动调整元素的位置，已确保它每次都能显示在屏幕的正中间，除此之外，你可以将需要在窗口改变大小时触发的函数托管给它。 它所有的方法都是基于对象来调用的，这意味着你需要通过对象，来调用它的方法， 它的核心对象是 : autoPostionService 如果你想让一个函数在窗口改变大小时触发，则可以调用 autoPostionService.addEventFun({需要调用的函数名，切记不要加双括号.}) 它占用了 三个全局Class名称！ 1: align 如果你在一个元素中加入了这个Class名，那么此组件会自动调整它的位置，确保它能够显示到屏幕正中间，并且每次在窗口改变大小时也会触发它。 2: auto 如果你在一个元素中加入了这个Class名，那么此组件会自动调整它的高宽度,数值 = 文档可视区域高宽度。 3: autoWidth 如果你在一个元素中加入了这个Class名，那么此组件会自动调整它的宽度,数值 = 文档可视区域宽度。 […]

 查看演示  website  立即下载 插件描述：原生JS编写的弹窗控件ModalLayer，使用了ES6的一些新特性. 更新时间：2020-01-07 00:27:13 简介 由原生JS编写的一套弹窗控件, 写的可能不是很好, 可能会尝试一些之前没用使用过的技术(小白鼠?), 会尽力完善的. 之后的视频层打算使用video.js实现. 对调用不太清楚的可以看一下示例页面, 就酱~~~ 注意: option中声明方法时如果使用箭头函数则无法正确绑定this对象(箭头函数没有this对象), 请使用匿名函数的形式绑定方法 引入文件 使用之前请先引入如下文件 文件名 描述 modallayer.min.js 模态层js以及工具类的压缩文件,如果报错请分别引入modallayer.js以及util.js modallayer.min.css 模态层基础样式以及默认样式,如果出现问题请分别引入modallayer.css以及default.css 初始化 let options = {}; // 直接使用封装好的静态方法 ModalLayer.msg(options); Modallayer.msg(‘message’); ModalLayer.alert(options); ModalLayer.prompt(options); // 自行构造对象 let modallayer = new ModalLayer(options); // 刷新大小 modallayer.resize(); // 展示模态层 modallayer.show(); 模态层类型 类型 描述 msg 消息层, 没有多余操作, 仅仅作为消息提醒使用 alert 提示层, 与消息层差别不大, 多了按纽栏和关闭按钮 prompt 交互层, 自定义输入信息, 可以作为表单使用 confrim 询问层, […]

 查看演示  website  立即下载 插件描述：vue图片批量上传，支持拖拽上传