jquery右下角弹窗效果

最新推荐文章于 2024-07-23 11:32:13 发布

rockecsn

最新推荐文章于 2024-07-23 11:32:13 发布

阅读量94

点赞数

分类专栏： JQuery 文章标签： xhtml javascript ViewUI

本文链接：https://blog.csdn.net/rockecsn/article/details/84248068

版权

JQuery 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

1.<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2.<html xmlns="http://www.w3.org/1999/xhtml">
3.<head>
4.<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
5.<script type="text/javascript" src="jquery-1.7.1.js"></script>
6.<script type="text/javascript" src="jquery.messager.js"></script>
7.<title>jquery右下角弹窗效果</title>
8.<script language="javascript">
9.$(function () {
10. $.messager.show(0,'一个Jquery Messager消息弹出插件！');
11. $("#showMessager300x200").click(function(){
12. $.messager.lays(300, 200);
13. $.messager.show(0, '300x200的消息',40000);
14. });
15. $("#showMessagerFadeIn").click(function(){
16. $.messager.anim('fade', 2000);
17. $.messager.show(0, 'fadeIn动画消息');
18. });
19. $("#showMessagerShow").click(function(){
20. $.messager.anim('show', 1000);
21. $.messager.show(0, 'show动画消息');
22. });
23. $("#showMessagerDim").click(function(){
24. $.messager.show('自定义标题', '自定义内容');
25. });
26. $("#showMessagerSec").click(function(){
27. $.messager.show(0, '一秒钟关闭消息', 1000);
28. });
29.});
30.
31.</script>
32.</head>
33.
34.<body>
35.JQUEYR PLUGIN - Messager 
36.
37.<input type="button" id="showMessager300x200" value="显示一个300x200的消息" />
38.<input type="button" id="showMessagerFadeIn" value="显示一个fadeIn动画消息" />
39.<input type="button" id="showMessagerShow" value="显示一个show动画消息" />
40.<input type="button" id="showMessagerDim" value="显示定义内容和标题消息" />
41.<input type="button" id="showMessagerSec" value="一秒钟关闭消息" />
42. 
43.
44. 
45. 
46. 
47. 
48.</body>
49.</html>

rockecsn

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery右下角弹窗效果

1. 2. 3. 4. 5. 6. 7.jquery右下角弹窗效果 8. 9.$(function () { 10. $.messager.show(0,'一个Jquery Messager消息弹出插件！'); 11. $("#showMessager300x200").click(function(){...
复制链接

扫一扫

专栏目录