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

蓝冠官网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
蓝冠测速注册_基于jQuery Bootstrap4的消息提示插件Toast.js

蓝冠测速注册_基于jQuery Bootstrap4的消息提示插件Toast.js

 查看演示  website  立即下载 插件描述:基于jQuery bootstrap4的消息提示插件。该插件能非常方便的生成toast提示效果,不需要编写额外的html代码,非常实用。 Toast – A Bootstrap 4.2+ jQuery plugin 这是一款基于jQuery bootstrap4的消息提示插件。该插件能非常方便的生成toast提示效果,不需要编写额外的html代码,非常实用。 使用方法 在页面中引入下面的文件。 <!– CSS –> <link rel=”stylesheet” href=”/path/to/bootstrap.min.css”> <link rel=”stylesheet” href=”/path/to/toast.min.css”>   <!– JavaScript –> <script src=”/path/to/jquery.min.js”></script> <script src=”/path/to/popper.min.js”></script> <script src=”/path/to/bootstrap.min.js” ></script> <script src=”/path/to/toast.min.js”></script> 初始化插件 通过下面的方法来创建一个toast效果。 $.toast({   title: ‘Notice!’,   subtitle: ’11 mins ago’,   content: ‘This is a toast message.’,   type: ‘info’,   delay: 3000,   img: {     src: ‘image.png’,     class: ’rounded’,     title: ‘Thumbnail Title’,     alt: ‘Alternative’   },   pause_on_hover: false }); 配置参数 参数 描述 默认 值 title 显示在 Toast 头的左上角 ‘Notice!’ subtitle 显示在 Toast 头的右上角 […]

2020-05-26
蓝冠教程_jquery响应式个人简历网站模板

蓝冠教程_jquery响应式个人简历网站模板

 查看演示  website  立即下载 插件描述:简单的jquery响应式个人简历单页网站模板

2020-05-22
蓝冠教程_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-17
jQuery手机列表拖拽排序

jQuery手机列表拖拽排序

 查看演示  website  立即下载 插件描述:jQuery手机移动端列表拖拽排序 new Sortable(list_wrap, {     handle: ‘.list_con’, // 拖拽触发的容器类名     animation: 150,     // direction: ‘horizontal’,   });   $(“.list_con .iconshanchu”).bind(‘touchstart’, function () {     $(this).parent().parent().remove();     event.preventDefault();     event.stopPropagation();   });

2020-05-17
蓝冠教程_jquery bootstraps响应式个人网站模板

蓝冠教程_jquery bootstraps响应式个人网站模板

 查看演示  website  立即下载 插件描述:简洁大气的jquery bootstraps响应式个人网站模板

2020-05-15
蓝冠公司首页_原生js实现的轮播图插件

蓝冠公司首页_原生js实现的轮播图插件

 查看演示  website  立即下载 插件描述:原生js实现的轮播图插件,轻量级大小只有6.39K,调用非常方便 更新时间:2019-12-01 22:35:48 使用方法 1、在页面引入picture-carousel.min.css和picture-carousel.min.js <link rel=”stylesheet” href=”picture-carousel.min.css” /> <script type=”text/javascript” src=”picture-carousel.min.js”></script> 2、在页面新建一个div,设置宽度高度 <div id=”box”></div> 3、调用生成图片轮播容器 var box = new PictureCarousel(‘#box’, {     direction: ‘left’, //轮播方向:left,right     interval: 4000, //单位ms,轮播持续时间     duration: 50, //单位ms,自动切换时间间隔,最佳速度:容器宽度/duration = 25     autoplay: true, //是否自动播放     display: 1, //同时显示的滑块数量     arrow: true, //是否显示左右箭头     dots: true, //是否显示指示点     listData: [ //插入图片等的数据         {             src: ‘t1.png’,             alt: ‘1’         },         {             src: ‘t2.png’,             alt: ‘2’         },         {             src: ‘t3.png’,             alt: ‘3’         },         {             src: ‘t4.png’,             alt: ‘4’         }     ] }); box.init(); 4、注意 duration: 这个时间的设置很重要,一般是—容器(如#box所代表的容器)的宽度 / duration = 20左右,商最好保证余数为0。  所以你可以这样求值 duration(整数)=容器宽度/20(或上下)。 5、想改动的解压缩两个文件自己改吧,都是很简单的知识

2020-05-13
蓝冠注册jquery ui教程_jQuery Bootstrap响应式摄影类网站模板

蓝冠注册jquery ui教程_jQuery Bootstrap响应式摄影类网站模板

 查看演示  website  立即下载 插件描述:深色简约大气的jQuery Bootstrap摄影类网站模板

2020-05-10
蓝冠注册专利jquery_HTML导出PDF,实现自动分页

蓝冠注册专利jquery_HTML导出PDF,实现自动分页

 查看演示  website  立即下载 插件描述:此插件可以将HTML内容导出成PDF,并实现自动分页 源码已有具体的调用信息

2020-05-09
蓝冠客户端软件下载_纯CSS写腾讯云的框架菜单

蓝冠客户端软件下载_纯CSS写腾讯云的框架菜单

 查看演示  website  立即下载 插件描述:纯CSS写仿腾讯云框架菜单,响应速度快,耗能小 更新时间:2020-05-07 08:18:46 开箱即用,注意html的结构即可

2020-05-08