查看演示  website  立即下载 插件描述：原生js图片上传预览带抽奖功能

 查看演示  website  立即下载 插件描述：mediarecoder录制媒体流 canvas绘制动画 导出录像视频 更新时间：2020-06-30 21:18:40 注意:下载所录制的视频需要用浏览器打开播放，不要用软件播放 直接下载插件解压就可以使用了，里面还有注释帮助你们快速理解与上手操作。

 查看演示  website  立即下载 插件描述：jQuery响应式多用途网站后台管理模板

 查看演示  website  立即下载 插件描述：稳重大气的jQuery bootstraps响应式多用途企业网站模板

 查看演示  website  立即下载 插件描述：基于swiper的走马灯效果 更新时间：2020-05-10 23:28:33 使用方法 css： img { width:100%; height:100%; } .swiper-container { width:43.75rem; height:10.125rem; margin:0 auto; } .swiper-container-free-mode > .swiper-wrapper { transition-timing-function:linear; } 导入js cs <link rel=”stylesheet” type=”text/css” href=”./css/swiper.css”/> <script src=”js/jquery-1.10.2.js”></script> <script src=”js/swiper.js” type=”text/javascript” charset=”utf-8″></script> body <div class=”swiper-container” id=”case4″>     <div class=”swiper-wrapper”>         <div class=”swiper-slide”><img src=”img/t1.jpg”></div>         <div class=”swiper-slide”><img src=”img/t2.jpg”></div>         <div class=”swiper-slide”><img src=”img/t3.jpg”></div>         <div class=”swiper-slide”><img src=”img/t4.jpg”></div>         <div class=”swiper-slide”><img src=”img/t5.jpg”></div>         <div class=”swiper-slide”><img src=”img/t6.jpg”></div>     </div>     <!– 分页器 –>     <div class=”swiper-pagination”></div>     <!– 滚动条 –>     <div class=”swiper-scrollbar”></div> </div> js： var swiper = new Swiper(‘#case4’, {     loop: true, //允许从第一张到最后一张，或者从最后一张到第一张  循环属性     slidesPerView: 4, // 设置显示三张     //centeredSlides : true,     //使当前图片居中显示     freeMode: true, // 使幻灯片滑动时不止滑动一格，且不会自动贴合      slidesPerGroup: 1, //定义1张图片为一组     autoplay: true, //可选选项，自动滑动     speed: 1000, //设置过度时间     grabCursor: true, //鼠标样式根据浏览器不同而定      autoplay: {         delay: 1,         disableOnInteraction: false,     },     /*  设置每隔3000毫秒切换 */     <!– 分页器 –> […]

 查看演示  website  立即下载 插件描述：紫色风格jquery bootstraps响应式带视差的单页旅游摄影类网站模板

 查看演示  website  立即下载 插件描述：jquery响应式电商鲜花销售类网站模板

 查看演示  website  立即下载 插件描述：基于swiper的几款轮播图，代码有注释方便调用。 更新时间：2020-06-15 00:19:47 更新说明：我把autoplay属性合起来了，切换时间属性是因为 之前写了两个autoplay 后面的把前面的覆盖了，所以没有效果我已经把两个合在一起了，这样子就不会出现失效的错误了 更新时间：2020-05-05 22:03:41 使用方法 导入swiper js和css <link rel=”stylesheet” type=”text/css” href=”./css/swiper.css”/> <script src=”./js/swiper.js” type=”text/javascript” charset=”utf-8″></script> 以第一个轮播为列： 水平切换 <div class=”swiper-container” id=”case1″>     <div class=”swiper-wrapper”>         <div class=”swiper-slide”><img src=”img/t1.png”></div>         <div class=”swiper-slide”><img src=”img/t2.png”></div>         <div class=”swiper-slide”><img src=”img/t4.png”></div>     </div>     <!– 导航按钮 上一页下一页 –>     <div class=”swiper-button-prev”></div>     <div class=”swiper-button-next”></div>     <!– 分页器 –>     <div class=”swiper-pagination”></div>     <!– 滚动条 –>     <div class=”swiper-scrollbar”></div> </div> js内容： var mySwiper = new Swiper(‘#case1’, {     autoplay: true, //可选选项，自动滑动     initialSlide: 1, //默认显示第二张图片索引从0开始     speed: 2000, //设置过度时间     /* grabCursor: true,//鼠标样式根据浏览器不同而定 */     autoplay: {         delay: 3000     },     /*  设置每隔3000毫秒切换 */     <!– 分页器 –>     pagination: {         el: ‘.swiper-pagination’,         clickable: true,     },     <!– 导航按钮 上一页下一页 –>     navigation: {         nextEl: ‘.swiper-button-next’,         prevEl: ‘.swiper-button-prev’,     },     <!– 滚动条 –>     scrollbar: {         el: ‘.swiper-scrollbar’, […]

 查看演示  website  立即下载 插件描述：可以多图的上传，预览，并带删除功能 更新时间：2017/4/6 上午9:56:43 更新说明：实际项目中使用的时候只需要引用:imgPlugin.js这个就可以了，因为这个是对  imgUp.js的封装。 更新时间：2017/3/30 下午7:06:44 更新说明：一张图删除之后，再次上传同一张无法上传的问题已解决，那时粗心了，嘿嘿 更新时间：2017/3/28 上午11:37:28 更新说明：支持动态创建dom结构的上传，也支持多次页面调用。里面的imgPlugin.js是对这个插件进行的封装。调用方式如下：        $(“#file” + value).takungaeImgup({       formData: {           “path”: “artScene/”,           “name”: value       },       url: appServer + “/ajax/uploadPic.htm”,       success: function(data) {},       error: function(err) {           alert(err);       } }); 感谢网友（魏崽这二货）补充的方法 后台配合imgPlugin.js然后调用下面方式，path如果后台设置这里不需要传值，否则后台要get path  , name为图片存数据库字段多图加[]，url为后台控制器路径。成功后，控制器里的返回值仔细看imgplugin.js的uploadImg()方法，需要返回data.error=0和data.url（图片路径）， $(“#file”).takungaeImgup({     formData: {         “path”: “artScene/”,         “name”: “img[]”     },     url: appServer + “/ajax/uploadPic.htm”,     success: function(data) {},     error: function(err) {         alert(err);     } }); path为图片存放路径 <input id=”taglocation” name=”taglocation” value=”” type=”hidden”> <input id=”tags” name=”tags” value=”” type=”hidden”> 这两句貌似多余的，每个上传图片的section都有。 就仔细看imgplugin.js的uploadImg()方法好了， url: appServer + “/ajax/uploadPic.htm”, success: function(data) {}, error: function(err) {         alert(err); 这里的success，error都不需要设置，只要设置下url就行了，比如url：’index/imgupload’不过手机上传没有图片压缩功能，所以电脑上用用可以，手机还是不友好。

 查看演示  website  立即下载 插件描述：textarea高度自适应，只关心逻辑，不关心样式，不依赖任何第三方插件 更新时间：2020-10-30 00:43:59 只关心逻辑不关心样式的文本框高度自定义 不想自动高度，就添加data-allow=”no-allow”