js公共弹出窗插件】的更多相关文章

/*错误提示框*/ var wr = function() { var wrap = '<div class="wrapBox opacity"> </div>'; var callback; var me = this; var htmlBox = '<div class="alertBox opacity"></div>'; // 遮罩显示 me.faIn = function faIn(callback) { $…
做项目时,很多时候都需要弹窗提示.如果要求不是很严格的项目,直接使用alert就可以搞定.对于需要高度定制化的项目,而且要求比较高的时候,就需要设计符合整体风格的弹出层,这种有美工帮忙,也比较好搞定.最麻烦的是一些工期比较紧,alert这种简陋的提示又不满足要求,又没时间做一些精美的弹出模块的项目. 我最近遇到很多的这种情况的Web App项目,项目工期催的很紧,又不可以直接使用alert,所以自己写了个简洁的jquery插件,使用非常方便,而且整体样式简洁大方.项目源码的地址,https://…
第一步:页面引入css:<link rel="stylesheet" type="text/css"" href="common/css/loginAjax.1.0.css"><!-- 引入封装的ajax样式 --> css范例: /** * @description 页面登录弹出框样式 * @page 目前支持宇航所有页面 * @author maohuidong * @date 2017-06-07 */ /…
Github地址: https://github.com/PaulNieuwelaar/alertjs 目前有两个版本,3.0版本(30天免费试用)以及2.1版本(完全免费) -----------------对应版本的许可描述---------------------------- Alert.js v3.0 Alert.js v3.0 is free for non-production use. This means you can use it for free in DEV and T…
<dialog id="myDialog"> 01234567890 <a href="javascript:;" id="closedilog" onclick="closedilog()">x</a> </dialog> function opendialog() { var x = document.getElementById("myDialog");…
layer.js(mobile)是一个小巧方便的弹出层插件,在之前的apicloud项目中被大量使用,但最近对apicloud的IDE.非常不友好的文档和极低的开发效率深感厌烦,决定弃用然后转向Vue开发.在开发过程中引入layer.js的时候遇到了麻烦.原因是layer.js不支持import导入,这时就需要修改一下它的源码.在看过它的源码后,发现需要修改的地方只有两处, 源码中已经暴露了一个全局变量layer,故只需在脚本末尾处添加 export default layer; 这表示将这个全…
 一.实际项目中有很多如下界面效果.    二.该效果可以归结为弹出窗或者弹出层来实现的,为什么这么说?看如下代码:      <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>弹出窗口和弹出层</title> <script type="text/javascript" src="js/jquery-1.11…
bootstrap-data-target触发模态弹出窗元素的data使用 时间:2017-05-27 14:22:34      阅读:4479      评论:0      收藏:0      [点我收藏+] 标签:bootstrap-data-target触发模态弹出窗元素的data使用 1.运行效果如图所示 2.实现代码如下 <!DOCTYPE html> <html> <head>     <meta charset="utf-8"&…
Bootstrap模态弹出窗有三种方式: 1.href触发模态弹出窗元素: <a class="btn btn-primary" data-toggle="modal" href="#mymodal-link" id="href-btn">通过链接href属性触发</a> <!-- 模态弹出窗内容 --> <div class="modal fade" tabind…
都什么年代了,还自己写弹出层插件!是的,①自己写的自己好控制②可定制性高③兼容低版本IE 本插件有以下特性: 样式分离,可定制,纯净无图片 可自定义按钮及按钮的样式.点击事件 可指定选择器选择页面元素的内容作为弹出层的内容,也可以指定url来异步加载单独页面 可配置遮罩层.关闭按钮.按钮栏 可配置拖动.自动关闭.失焦关闭 可配置打开.关闭和确定.取消时的动作 先上一张截图看看样子: 使用方法: 1. 引入相关文件 <link rel="stylesheet" href="…