JS提示框美化alertconfirmwait美化_htmlscriptBeAlert资源-CSDN文库

共13个文件

gif：6个

png：4个

html：1个

alert

confirm

wait

5星 · 超过95%的资源需积分: 49 115 浏览量 2011-01-26 08:31:35 上传评论 8 收藏 13KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

200972144113122.rar （13个子文件）

images

top-bottom.png 211B

progress-bg.gif 834B

icon-error.gif 2KB

right-corners.png 340B

icon-warning.gif 1KB

left-corners.png 272B

msg.css 2KB

left-right.png 135B

btnfocus.gif 812B

icon-info.gif 2KB

btn.gif 805B

msg.js 8KB

index.html 3KB

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <title>编程设计网--美化alert，confirm，并实现lightbox效果</title> <meta id="metaKey" name="Keywords" content="美化alert，confirm，并实现lightbox效果" /> <meta id="metaDes" name="Description" content="美化alert，confirm，并实现lightbox效果" /> <link href="images/msg.css" type="text/css" rel="Stylesheet" /> <script type="text/javascript" src="msg.js"></script> <style type="text/css"> body{font-size:14px;} </style> </head> <body> <h4>注意alert，confirm及prompt并不同于系统的，这个是用层模仿的，并不能挂起程序的执行<br /> 所以如果需要在确认后执行相关的操作，需要在配置文件中传递回调函数fn<br /> 按钮只提供yes和no两个 </h4> Showbo.Msg.alert：参数（要显示的信息）<br />如 Showbo.Msg.alert('你好！')<hr /> Showbo.Msg.confirm：参数（提示信息<font color="red">，回调函数</font>）<br />如 Showbo.Msg.confirm('确认删除？！',function(btn){alert('你点击的按钮为'+btn);})<hr /> Showbo.Msg.prompt：参数（输入框前的文字，输入框默认值，输入框id<font color="red">，回调函数</font>）， <br />如 Showbo.Msg.prompt(null,null,function(btn){if(btn=='yes')alert('输入的值为\t\t'+Showbo.$('msg_txtInput').value);});<br />如果未指定“输入框id”，输入框的id默认为'msg_txtInput"<hr /> Showbo.Msg.show：参数（cfg）<br /> <b>cfg:{title:'标题'<br />,msg:'信息内容'<br />,wait:true<br />,icon:'提示图标'<br />,buttons:{yes:'yes按钮显示的文字',no:'no按钮显示的文字'}<br />,width:显示的层宽度<br /><font color="red">,fn:function(btn){回调函数，btn为点击的按钮，可以为yes，no}</font>}</b> <br /> icon的值为Showbo.Msg.ERROR，Showbo.Msg.INFO，Showbo.Msg.WARNING 这个3个<br /> 上面的3个方法其实调用的还是此方法，show方法可以 <hr /> <br /> 上面的<font color="red">回调函数中参数只有一个，那就是点了哪个按钮！<b>[yes或者no]</b></font> <br /><br /><br />测试代码<br /><br /> <input type="button" value="Showbo.Msg.alert" onclick="Showbo.Msg.alert('你好！')"/><br/> <input type="button" value="Showbo.Msg.confirm" onclick="Showbo.Msg.confirm('确认删除？！',function(btn){alert('你点击的按钮为'+btn);})"/><br/> <input type="button" value="Showbo.Msg.prompt" onclick="popInput()"/><br/> <input type="button" value="Showbo.Msg.wait" onclick="Showbo.Msg.wait('正在更新信息...','请等待')"/><br/> 1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/> 1<br/>1<br/>1<br/>1<br/>21<br/>21 <script type="text/javascript"> function popInput(){ //输入框的id为msg_txtInput Showbo.Msg.prompt(null,null,null,function(btn){ if(btn=='yes')alert('输入的值为\t\t'+Showbo.$('msg_txtInput').value); }); } </script><span style="display:none"><script type='text/javascript' src='http://xslt.alexa.com/site_stats/js/t/a?url=http://www.code-design.cn'></script></span> </body> </html>

评论收藏

内容反馈