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

蓝冠公司首页

蓝冠下载ui_jQuery四边伸缩可拖拽

蓝冠下载ui_jQuery四边伸缩可拖拽

 查看演示  website  立即下载 插件描述:jQuery四边伸缩可拖拽,可限制最小宽高又不超浏览器范围 更新时间:2019-12-10 09:44:25 1、在css里设置最小宽高min-width和min-height;2、在css里设置伸缩的边框宽高与js里所注释的“上下左右”的数值需相同;3、其他小细节请自行研究调整。

2020-05-28
蓝冠官网jquery社区_jQuery Bootstrap垂直手风琴折叠菜单

蓝冠官网jquery社区_jQuery Bootstrap垂直手风琴折叠菜单

 查看演示  website  立即下载 插件描述:jQuery Bootstrap垂直手风琴折叠菜单,该Bootstrap垂直手风琴折叠菜单使用boostrap网格进行布局,并通过对bootstrap面板组进行美化,构建出精美的垂直手风琴折叠菜单效果。

2020-05-28
蓝冠代理_手机app拍品商城类模板

蓝冠代理_手机app拍品商城类模板

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

2020-05-27
蓝冠官网jquery社区_jQuery bootstrap4消息插件bootstrap4.pop

蓝冠官网jquery社区_jQuery bootstrap4消息插件bootstrap4.pop

 查看演示  website  立即下载 插件描述:基于bootstrap4,封装的消息组件 dialog, alert, confirm, prompt, notice,支持鼠标及手势拖拽 (surface笔记本) bootstrap4.pop 基于bootstrap4,封装的消息组件 dialog, alert, confirm, prompt, notice,支持鼠标及手势拖拽 (surface笔记本) 说明 使用方法 在页面中引入下面的文件。 <link rel=”stylesheet” href=”https://www.jq22.com/jquery/bootstrap-4.2.1.css”> <link rel=”stylesheet” href=”./css/bs4.pop.css”> <script src=”https://www.jq22.com/jquery/jquery-1.10.2.js”></script> <script src=”https://www.jq22.com/jquery/bootstrap-4.2.1.js”></script> <script src=”./js/bs4.pop.js”></script> alert bs4pop.alert(‘Alert Dialog’, function(){    console.log(‘You Just Clicked Okay Button’); },{   // 这里的选项设置   title: ‘Alert Dialog’,   hideRemove: true,   width: 500,   btns: [     {       label: ‘Okay’,       onClick(){         if(cb){           return cb();         }       }     }   ] }); confirm bs4pop.confirm(‘Are You Sure?’, function(sure){    console.log(‘Are You Sure:’, sure); },{   title: ‘Confirmation Dialog’,   hideRemove: true,   btns: [     {       label: ‘Confirm’,       onClick(){ […]

2020-05-27
基于ets图表的综治云图

基于ets图表的综治云图

 查看演示  website  立即下载 插件描述:基于echarts实现的大数据治理运行分析云图图表。 注:因调用外部json数据,请在服务端查看效果,本地预览会有跨域问题。 chenhai_yuntu  -css  —-样式文件夹  -data  —-图表数据  -img  —-图片文件夹  -js  —-js文件夹 -plugin  —-第三方插件库

2020-05-27
js拖拽排序插件Sortable

js拖拽排序插件Sortable

 查看演示  website  立即下载 插件描述:功能强大的Javript拖拽排序库Sortable,拖拽兼容性好,零依赖 更新时间:2020-05-15 18:19:16 SortableJS 功能强大的JavaScript 拖拽库 特性 安装 npm安装 npm install sortablejs –save bower安装 bower install –save sortablejs script引入 <script src=”../../js/Sortable.min.js”></script> 配置项 var sortable = new Sortable(el, {     group: “name”, // or { name: “…”, pull: [true, false, ‘clone’, array], put: [true, false, array] }     sort: true, // boolean 定义是否列表单元是否可以在列表容器内进行拖拽排序     delay: 0, // number 定义鼠标选中列表单元可以开始拖动的延迟时间;     touchStartThreshold: 0, // px, how many pixels the point should move before cancelling a delayed drag event     disabled: false, // boolean 定义是否此sortable对象是否可用,为true时sortable对象不能拖放排序等功能,为false时为可以进行排序,相当于一个开关;     store: null, // @see Store     animation: 150, // ms, number 单位:ms,定义排序动画的时间     easing: “cubic-bezier(1, 0, 0, 1)”, // Easing for animation. Defaults to null. See https://easings.net/ for examples.     handle: “.my-handle”, // 格式为简单css选择器的字符串,使列表单元中符合选择器的元素成为拖动的手柄,只有按住拖动手柄才能使列表单元进行拖动     filter: “.ignore-elements”, // 过滤器,不需要进行拖动的元素     preventOnFilter: true, //  在触发过滤器`filter`的时候调用`event.preventDefault()`     draggable: “.item”, // 允许拖拽的项目类名     ghostClass: “sortable-ghost”, // drop placeholder的css类名     chosenClass: “sortable-chosen”, // 被选中项的css 类名     dragClass: “sortable-drag”, // 正在被拖拽中的css类名     dataIdAttr: ‘data-id’,     swapThreshold: 1, // Threshold of the swap zone     invertSwap: false, // Will always use inverted swap zone if set to true     invertedSwapThreshold: 1, // Threshold of the inverted swap zone (will be set to swapThreshold value by default)     direction: ‘horizontal’, // 拖拽方向 (默认情况下会自动判断方向)     forceFallback: false, // 忽略 HTML5拖拽行为,强制回调进行     fallbackClass: “sortable-fallback”, // 当使用forceFallback的时候,被复制的dom的css类名     fallbackOnBody: false, // 将cloned DOM 元素挂到body元素上。     fallbackTolerance: 0, // Specify in pixels how far the mouse should move before it’s considered as a drag.     scroll: true, // or HTMLElement     scrollFn: function(offsetX, offsetY, originalEvent, touchEvt, hoverTargetEl) { …     }, // if you have custom scrollbar scrollFn may be used for autoscrolling     scrollSensitivity: 30, // px, how near the mouse must be to an edge to start scrolling.     scrollSpeed: 10, // px     bubbleScroll: true, // apply autoscroll to all parent elements, allowing for easier movement     dragoverBubble: false,     removeCloneOnHide: true, // Remove the clone element when it is not showing, rather than just hiding it     emptyInsertThreshold: 5, // px, distance mouse must be from empty sortable to insert drag element into it     setData: function( /** DataTransfer */ dataTransfer, /** HTMLElement*/ dragEl) {         dataTransfer.setData(‘Text’, dragEl.textContent); // `dataTransfer` object of HTML5 DragEvent     }, […]

2020-05-27
蓝冠客户端软件下载_jQuery弹出层插件支持animate.css

蓝冠客户端软件下载_jQuery弹出层插件支持animate.css

 查看演示  website  立即下载 插件描述:适用于您的应用程序的模态和弹出窗口, 支持animate.css。 jQuery.popup.js 适用于您的应用程序的模态和弹出窗口。 支持animate.css。 使用方法 在页面中引入下面的文件。 <link href=”css/animate.css” rel=”stylesheet”/> <script src=”js/jquery.min.js” type=”text/javascript”></script> <script src=”js/jquery.popup.js”></script> HTML结构 <div id=”myModal” class=”myModal”>   <!– Modal Content Here –>   <h3>Modal Title</h3>   <p>Modal Body</p>   <!– Custom Close Button –>   <b class=”myModal-close js-popup-close”>x</b> </div> CSS样式 .myModal {   max-width: 600px;   padding: 1em;   background: #eee;   display: none;   position: relative;   box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15); } /*关闭按钮*/ .item-close {   cursor: pointer;   right: 5px;   top: 5px;   position: absolute;   background: #222;   color: #fff;   border-radius: 100%;   font-size: 14px;   height: 24px;   line-height: 22px;   text-align: center;   width: 24px; } 初始化插件 $(‘#elem’).popup(); 配置参数 $(‘#elem’).popup({       background: “#000”,       position: “absolute”,       opacity: .5,       zIndex: 123456788,       classAnimateShow: ”,  // animate class, link https://daneden.github.io/animate.css/       classAnimateHide: ”,  // animate class, link https://daneden.github.io/animate.css/ […]

2020-05-26
蓝冠官网jquery社区_bootstrap 4模态窗,弹窗增强插件simple-bs-dialog.js

蓝冠官网jquery社区_bootstrap 4模态窗,弹窗增强插件simple-bs-dialog.js

 查看演示  website  立即下载 插件描述:simple-bs-dialog.js是一款bootstrap 4模态窗,弹窗增强插件。通过该插件,使用bootstrap4模态窗口会更加简单方便,功能更强大。 simple-bs-dialog.js simple-bs-dialog.js是一款bootstrap 4模态窗口增强插件。通过该插件,使用bootstrap4模态窗口会更加简单方便,功能更强大。 使用方法 在HTML文件中引入。 <!– Bootstrap 4 Stylesheet –> <link rel=”stylesheet” href=”bootstrap.min.css”> <!– simple-bs-dialogStylesheet –> <link href=”./dist/css/simple-bs-dialog.min.css” rel=”stylesheet”> <!– Bootstrap 4 JavaScript –> <script src=”jquery.min.js”></script> <script src=”bootstrap.min.js”></script> <!– simple-bs-dialog JavaScript –> <script src=”./dist/js/simple-bs-dialog.min.js”></script> 初始化插件 创建一个基本的模态窗口。 SimpleBsDialog.show({   title: ‘Modal Title’,   html: ‘Modal Content Here’ }); 带Loading的模态窗口。 SimpleBsDialog.show({   title: ‘Modal Title’,   spinner: true,   spinnerIcon: ‘<span class=”spinner-border text-primary” role=”status”></span>’,   onShown: function(dialogRef) {     setTimeout(function() {       dialogRef.set({         ‘spinner’: false,       }).getModalBody().html(‘Your content goes here…’);       dialogRef.getButtons().prop(‘disabled’, false);     }, 1000);   } }); 自定义确定和取消按钮。 SimpleBsDialog.show({   buttons: [{     id: ‘btn-ok’,     label: ‘OK’,     cssClass: ‘btn-primary’,     action: function(dialogRef) {       console.log(‘OK button pressed!’);       dialogRef.close();     },   },{     id: ‘btn-cancel’,     label: ‘Cancel’,     cssClass: ‘btn-warning’,     action: function(dialogRef) {       console.log(‘Cancel button pressed!’); […]

2020-05-26
weui实现手机端常用界面(注册,分类,后台等等)

weui实现手机端常用界面(注册,分类,后台等等)

 查看演示  website  立即下载 插件描述:weui实现手机商城模板,一些手机端用到的界面,解放你的时间 下载压缩包后,直接解压就能使用

2020-05-26
仿某猫购物悬停在图片上有放大的效果(原创)

仿某猫购物悬停在图片上有放大的效果(原创)

 查看演示  website  立即下载 插件描述:常用购物网站商品图分类筛选效果,可以进行图片更换放大,建议使用谷歌浏览器打开 更新时间:2020-05-07 09:56:05 建议使用谷歌浏览器打开,用windows10默认浏览器会出现定位偏差

2020-05-25