jquery右下脚提示框插件简介

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>


 

你可能感兴趣的:(jquery右下脚提示框插件简介)