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

源码网商城

基于jQuery的message插件实现右下角弹出消息框

  • 时间:2022-04-16 07:32 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:基于jQuery的message插件实现右下角弹出消息框
[b]1.$.messager.lays(width, height);[/b] 该方法主要用来定义弹出窗口的宽度和高度。 [b]2.$.messager.anim(type,speed);[/b] 该方法主要定义窗口以什么样的方式和速度呈现。 $.messager.anim("fade",1000); //以fadeIn的动画方式显示 $.messager.anim("show",1000); //以show的动画方式显示 [b]3.$.messager.show(title,text,time);[/b] 该方法主要定义窗口显示的内容,以及窗口显示多长时间后进行隐藏。 如果使用默认的标题,则将title设置为0,另外title和text还可以设置为html内容进行显示。如果希望用户点击弹窗的关闭按钮才关闭消息框,可将time设置为0。 $.messager.show(0, "这是一个提示框",5000); $.messager.show("<font color='red'>提示信息</font>","<a href='http://www.cnblogs.com'>博客园欢迎你</a>",3000);    在明白了message插件中每个方法的作用后,使用起来就很简单了,具体操作如下: 1.在页面引入jquery.js和jquery.messager.js文件。 2.在页面加载的时候调用message插件中的函数,设置窗口的大小,显示效果,以及显示内容。
[url=http://www.1sucai.cn]});
3.最后显示的效果如下图。 [img]http://www.1sucai.cn/do/uploads/userup/0911/0916040BS5.gif[/img]   在线演示地址 http://demo.jb51.net/js/jquery.messager/index.html[/url] 插件下载:jquery.message.js打包下载地址 [url=http://www.1sucai.cn/jiaoben/22351.html]http://www.1sucai.cn/jiaoben/22351.html[/url]
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部