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

蓝冠公司首页_canvas画图实现实时预览功能(原创)

蓝冠公司首页_canvas画图实现实时预览功能(原创)

 查看演示  website  立即下载 插件描述:canvas画图实现实时预览功能 更新时间:2020-08-10 22:28:32 基于jquery和layui,layui只使用了颜色选择器。实现实时预览功能,比如画一个矩形时,鼠标按下到松开的过程中,您可以预览矩形的变化

2020-08-12
jQuery编写的Banner首页轮播图插件

jQuery编写的Banner首页轮播图插件

 查看演示  website  立即下载 插件描述:使用超简单,仅需定义一个div的宽高,将代码拷贝到其内即可,自适应网页大小,代码注释全。 更新时间:2020-01-14 01:02:10 使用方法: 1、在页面head内引入以下内容(注意路径是否与你项目是否符合) <link rel=”stylesheet” type=”text/css” href=”../css/banner.css”> <script type=”text/javascript” src=”../js/jquery-3.4.1.min.js”></script> <script type=”text/javascript” src=”../js/banner.js”></script> 2、复制以下内容到你自己页面的定义好大小的div框内,无需再为以下内容设置css样式,直接增加img标签或减少img标签即可 <!–主要内容》》》–> <div class=”banners”>     <!–受保护块,不建议修改》》》–>     <div class=”click_left”><img class=”get_height” onclick=”banner_left_right(‘left’)” src=”../images/banner_left.png”></div>     <div class=”click_right”><img onclick=”banner_left_right(‘right’)” src=”../images/banner_right.png”></div>     <div class=”number”>         <div class=”numbers”></div>         <div style=”clear: both;”></div>     </div>     <!–《《《受保护块,不建议修改–>     <!–onlick事件调用函数link(参数1,参数2)>>>参数1:跳转链接; 参数2:跳转方式(true:在新的窗口打开链接,false:在当前窗口打开链接)–>     <div class=”banner_img”>         <!–在此位置内添加img标签即可>>>–>         <img class=”banner_img1″ src=”../images/Texture 1.jpg” onclick=”link(‘http://www.baidu.com’,true)”>         <img class=”banner_img2″ src=”../images/Texture 2.jpg” onclick=”link(‘http://www.baidu.com’,false)”>         <img class=”banner_img3″ src=”../images/Texture 3.jpg” onclick=”link(‘http://www.baidu.com’,true)”>         <img class=”banner_img4″ src=”../images/Texture 4.jpg” onclick=”link(‘http://www.baidu.com’,false)”>         <img class=”banner_img5″ src=”../images/Texture 5.jpg” onclick=”link(‘http://www.baidu.com’,true)”>         <!–<<<在此位置内添加img标签即可–>     </div>     <!–此段代码不可移动位置–>     <script type=”text/javascript”>         loads();     </script>     <!–此段代码不可移动位置–> </div> <!–《《《主要内容–> 3、注意事项 注意img标签的格式 假如要设置10个banner <img class=”banner_img1″ src=”../images/Texture 5.jpg” onclick=”link(‘http://www.baidu.com’,true)”> ? ? ? <img class=”banner_img10″ src=”../images/Texture 5.jpg” onclick=”link(‘http://www.baidu.com’,true)”>

2020-08-10
countUp计数器数字滚动

countUp计数器数字滚动

 查看演示  website  立即下载 插件描述:countUp计数器数字滚动 更新时间:2020-07-30 01:13:43 更新说明:插件调用js代码优化: $(function() {     var countCXArr = [];     var countCX = function() {         $(‘.numCount’).each(function(i, dom) {             if (countCXArr[i] && countCXArr[i] === true) {                 return;             }             var sT;             var ncTop;             sT = $(window).scrollTop();             ncTop = $(dom).offset().top;             var id, decimals, startVal, endVal, duration;             if (sT > ncTop – $(window).height() && sT < ncTop) {                 $(dom).find(‘.numCX’).each(function() {                     id = $(this).attr(‘id’);                     decimals = $(this).attr(‘data-decimals’), startVal = $(this).attr(‘data-startVal’), endVal = $(this).attr(‘data-endVal’), duration = $(this).attr(‘data-speed’);                     new CountUp(id, startVal, endVal, decimals, duration, {                         useEasing: true, //效果                                                separator: ” //数字分隔符                                     }).start();                     // target:目标元素id,                      startVal: 你想要开始的值, endVal: 你想要到达的值, decimals: 小数位数, 默认值为0, duration: 动画持续时间为秒, 默认值为2, options: 选项的可选对象 countCXArr[i] = true;                 })             }         })     }     countCX();     $(window).on(“scroll”, function() {         countCX();     }) }); 更新时间:2020-07-23 01:05:59

2020-08-07
基于echarts实现的可视化大数据监控平台模板

基于echarts实现的可视化大数据监控平台模板

 查看演示  website  立即下载 插件描述:基于echarts实现的可视化大数据监控平台模板

2020-08-01
蓝冠注册专利jquery_页面信息传递插件pageEvent

蓝冠注册专利jquery_页面信息传递插件pageEvent

 查看演示  website  立即下载 插件描述:项目中需要用后台轮询方式在多个浏览器tap页中传递消息,为了便于开发和减轻后台压力,开发了一个纯js的小插件 更新时间:2020/5/31 下午8:58:59 更新说明:修改了不同页面之间消息传递延迟的问题,优化跨页面信息传递性能 更新时间:2020-02-23 23:51:45 消息接收 pageEvent.on(“myEvent”, function(data) {   用户自定义代码 }); 消息发送 pageEvent.send(“myEvent”,a,b,c…可发送多个消息)

2020-07-30
jQuery手风琴折叠面板

jQuery手风琴折叠面板

 查看演示  website  立即下载 插件描述:这是一个轻量级的折叠面板插件,可用在二级菜单、多条目内容块等地方,使用也很方便 更新时间:2020-07-15 23:07:39 这是一个轻量级的折叠面板插件,可用在二级菜单、多条目内容块等地方,使用也很方便 html头部部分: <!– css –> <link rel=”stylesheet” href=”css/main.css”> <!– js –> <script src=”js/jquery-3.4.1.min.js”></script> <script src=”js/myFoldpanel.js”></script> body部分: <dl class=”foldpanel” id=”my-foldpanel”>     <dt>语言</dt>     <dd>         <div>Java</div>         <div>javascript</div>         <div>python</div>     </dd>     <dt>运动</dt>     <dd>         <div>足球</div>         <div>羽毛球</div>         <div>篮球</div>     </dd>     <dt>乐器</dt>     <dd>         <div>钢琴</div>         <div>手风琴</div>     </dd> </dl> 然后在 <body></body>标签前调用该插件即可: <script type=”text/javascript”>   $(function() {      $(‘dl#my-foldpanel’).foldpanel({         init:false,      //是否开启初始化功能,默认关闭         init_index: 0, // 传的数字代表初始化展开的索引,0就是第一个,仅在init:true下生效         time: 400, // panel展开动画时间, 默认为 100ms         dbclose: false // 在此点击关闭, 默认为 true      }); }) </script> 本插件是基于 Arron_yr 的 折叠面板修改的,原版的有些bug,我尝试修复了。 原插件地址: https://www.jq22.com/jquery-info1968 优化的点: 1. 原来加载的时候有一瞬间的左侧晃动(已干掉) 2. […]

2020-07-29
蓝冠代理_响应式软件管理平台网站模板

蓝冠代理_响应式软件管理平台网站模板

 查看演示  website  立即下载 插件描述:简洁的响应式软件管理平台网站模板

2020-07-28
基于layui实现的后台管理模板

基于layui实现的后台管理模板

 查看演示  website  立即下载 插件描述:基于layui实现简单的后台管理模板,修改方便,代码有注释。 注:请在服务端预览,本地预览会有跨域问题。

2020-07-26
蓝冠下载ui_基于echarts警务平台大数据统计模板

蓝冠下载ui_基于echarts警务平台大数据统计模板

 查看演示  website  立即下载 插件描述:基于echarts实现的警务平台大数据统计模板 更新时间:2020-07-22 01:22:00 公安舆情监控大数据界面

2020-07-23
手机app电商销售类网站模板

手机app电商销售类网站模板

 查看演示  website  立即下载 插件描述:移动端手机app电商销售类网站模板

2020-07-10