1、下载jquery插件
2、下载jquery提示框插件,下载地址:http://download.csdn.net/detail/harderxin/5113741
3、在页面中引入jquery插件和jquery提示框插件
4、测试代码:
<script src="jquery-1.2.6.pack.js"></script>
<script src="jquery.messager.js"></script>
<script>
$(document).ready(function(){
$.messager.show(0,'送你一个Jquery Messager消息弹出插件!');
$("#showMessager300x200").click(function(){
$.messager.lays(300, 200);
$.messager.show(0, '300x200的消息');
});
$("#showMessagerFadeIn").click(function(){
$.messager.anim('fade', 2000);
$.messager.show(0, 'fadeIn动画消息');
});
$("#showMessagerShow").click(function(){
$.messager.anim('show', 1000);
$.messager.show(0, 'show动画消息');
});
$("#showMessagerDim").click(function(){
$.messager.show('<font color=red>自定义标题</font>', '<font color=green style="font-size:14px;font-weight:bold;">自定义内容</font>');
});
$("#showMessagerSec").click(function(){
$.messager.show(0, '一秒钟关闭消息', 1000);
});
$("#showMessagerNoClose").click(function(){
$.messager.show('不会关闭的消息', '要自己点关闭的X才可以哦!', 0);
});
});
</script>