源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

JQuery的Alert消息框插件使用介绍

  • 时间:2021-07-28 15:36 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:JQuery的Alert消息框插件使用介绍
下载JS文件引用到page中,如下代码:
[url=/path/to/jquery.alerts.css]
注意其中draggable是用来实现拖拉的,如不需要这个功能不就不用引用。在目前最近的Jquery1.42下应用引用: 主要方法有: jAlert(message, [title, callback]) 创建一个alert jConfirm(message, [title, callback]) 创建一个确认allert,支持callback jPrompt(message, [value, title, callback]) 创建一个提示框让用户输入值,支持callback如果你有提供 可以参下面的示例Code:
[url=Content/Style/jquery.alerts.css]<script type="text/javascript"> $(document).ready(function () { $("#btnAlert").click(function () { jAlert('Pushed the alert button', 'Alert Dialog'); }); $("#btnPrompt").click(function () { jPrompt('Type some value:', '', 'Prompt Dialog', function (typedValue) { if (typedValue) { jAlert('You typed the following ' + typedValue); } }); }); }); </script> </head> <body> <form id="form1" runat="server"> <div> <input type="button" value="Alert Me" id="btnAlert" /> <input type="button" value="Prompt Me" id="btnPrompt" /> </div> </form> </body> </html>
最后alert效果图: [img]http://www.1sucai.cn/do/uploads/litimg/101009/01403612215.gif[/img]   打包下载地址
http://www.1sucai.cn/jiaoben/32367.html[/url]
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部