这2个例子都是用原生JS写的,主要是用JS拼接了界面,并未做过多的事件监听.,样式用了Css3的一些特性. 调用方式则为: //Alert Alert.show('我警告你哦~'); //Confirm Confirm.show('我是确认对话框',function(){ doSomething(); }); 组件详情看下面的具体代码: 1.CSS样式 由于这2个组件的样式差不多,所用共用了一样的css,样式代码如下: /** * dialog */ .dialog { top:40%; lef…

本文转自:http://www.jb51.net/article/54577.htm (function () { $.MsgBox = { Alert: function (title, msg) { GenerateHtml("alert", title, msg); btnOk(); //alert只是弹出消息,因此没必要用到回调函数callback btnNo(); }, Confirm: function (title, msg, callback) { GenerateHt…

啥也不说,先上图,有图有真相 :) 现在绝大多数网站都不用自带的alert和confirm了,因为界面太生硬了.因此这个插件就这样产生了... 来看插件的实现代码吧: (function () { $.MsgBox = { Alert: function (title, msg) { GenerateHtml("alert", title, msg); btnOk(); //alert只是弹出消息,因此没必要用到回调函数callback btnNo(); }, Confirm: fun…

现在绝大多数网站都不用自带的alert和confirm了,因为界面太生硬了.因此这个插件就这样产生了自己定制一个的想法...... 啥也不说,先上图,有图有真相 :) 现在绝大多数网站都不用自带的alert和confirm了,因为界面太生硬了.因此这个插件就这样产生了... 来看插件的实现代码吧: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36…

--前言-- window对象的alert和confirm标准方法在不同浏览器的显示效果不太相同,有个相同点是都不是很美观.我们的想法是使用js和css分别仿照它们,提供另一套函数,使在不同浏览器的有着相同的体验效果. --设计思路-- 为了保留原有的alert和confirm方法,我们不直接替换window对象的alert和confirm,而是新建一个win对象,该对象下有alert.confirm.open.close等.win.alert等的对话框弹出层,使用iframe作底层,确保对话框…

/*** * 模拟alert弹窗 * content 为弹框显示的内容 * 确定按钮对应的下面取消关闭显示框 * **/function oAlert(content) { var oWrap = $('.alert_d'); oWrap.show(); oWrap.find('p').html(content); btnOk(); btnNo();};/** * 模拟confirm弹出阻塞事件 * content 弹框显示的内容 * id 回调函数的ID值 * callback 执行回调函数…

msgbox-confirm github:  https://github.com/tong-mikasa/msgbox-confirm 主要js代码,scss代码 (function($) { $.MsgBox = { Alert: function (title, msg, callback) { this._generateMsgboxHtml("alert", title, msg); //$("body").append(Handlebars.compi…

复制头部的 js 代码到你的 js 文件的任何地方,调用Chef.alert方法传入相应的参数即可并没有什么功能,只是一个提示的作用,可能样式比 alert 的弹窗好看点,css是写在js里的,只要你会写 css 就可以自行修改样式. Chef.alert 使用说明: 此方法有6个参数: 1,title 弹出框的标题 2,content 弹出框的提示文字也可以以字符串的形式传入任何html标签, 3,firm 弹出框按钮的文字 4,offset 弹出框距离顶部的位置,左右默认水平居中, 5,wi…

在Android的webview中定制js的alert,confirm和prompt对话框的方法 http://618119.com/archives/2010/12/20/199.html 1.首先继承android.webkit.WebChromeClient实现MyWebChromeClient. 2.在MyWebChromeClient.java中覆盖onJsAlert,onJsConfirm,onJsPrompt三个方法. 3.在初始化Webview时设置调用webview.setWe…

1.首先继承android.webkit.WebChromeClient实现MyWebChromeClient. 2.在MyWebChromeClient.java中覆盖onJsAlert,onJsConfirm,onJsPrompt三个方法. 3.在初始化Webview时设置调用webview.setWebChromeClient(new MyWebChromeClient()); 4.在Webview载入的html中使用window.alert,window.confirm,window.p…