蓝冠官网-蓝冠公司|蓝冠招商注册-蓝冠开户
蓝冠官网(主管Q374919)

蓝冠注册专利jquery_原生js图片上传预览

蓝冠注册专利jquery_原生js图片上传预览

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

2020-11-29
蓝冠总代平台官网_canvas视频录制(原创)

蓝冠总代平台官网_canvas视频录制(原创)

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

2020-11-20
蓝冠测速官网_jQuery响应式网站后台管理模板

蓝冠测速官网_jQuery响应式网站后台管理模板

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

2020-11-19
蓝冠测速官网_jquery bootstraps响应式多用途企业网站模板

蓝冠测速官网_jquery bootstraps响应式多用途企业网站模板

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

2020-11-18
蓝冠注册jquery ui教程_Swiper走马灯

蓝冠注册jquery ui教程_Swiper走马灯

 查看演示  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毫秒切换 */     <!– 分页器 –> […]

2020-11-16
蓝冠注册jquery ui教程_jquery bootstraps响应式旅游摄影类网站模板

蓝冠注册jquery ui教程_jquery bootstraps响应式旅游摄影类网站模板

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

2020-11-16
蓝冠总代平台官网_jquery响应式鲜花销售类网站模板

蓝冠总代平台官网_jquery响应式鲜花销售类网站模板

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

2020-11-12
蓝冠官网jquery社区_Swiper轮播图

蓝冠官网jquery社区_Swiper轮播图

 查看演示  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’, […]

2020-11-03
蓝冠代理_jQuery多图上传插件imgUp.js

蓝冠代理_jQuery多图上传插件imgUp.js

 查看演示  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’不过手机上传没有图片压缩功能,所以电脑上用用可以,手机还是不友好。

2020-11-02
蓝冠注册专利jquery_textarea高度自适应,不依赖任何第三方插件

蓝冠注册专利jquery_textarea高度自适应,不依赖任何第三方插件

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

2020-10-31