jquery右下脚提示框插件简介

最新推荐文章于 2017-07-13 00:12:00 发布

iteye_3606

最新推荐文章于 2017-07-13 00:12:00 发布

阅读量159

点赞数

文章标签： javascript ViewUI

本文介绍了一个实用的JQuery Messager插件，包括如何下载和引入该插件到网页中，并通过示例代码展示了不同效果的消息提示框实现方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、下载jquery插件

2、下载jquery提示框插件，下载地址：http://download.youkuaiyun.com/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>