蓝冠官网-蓝冠公司|蓝冠招商注册-蓝冠开户

蓝冠客户端软件下载_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

蓝冠公司首页

0

蓝冠官网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

蓝冠公司首页

0

蓝冠测速注册_基于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

蓝冠测速注册

0