欢迎来到代码驿站!

jquery

当前位置:首页 > 网页前端 > jquery

jquery 插件 人性化的消息显示

时间:2021-09-11 08:09:08|栏目:jquery|点击:

本插件基于JQ,在IE6,7,FF1.5和Opera9下测试通过
特点:
  1.兼容性非常好
  2.可以覆盖select
  3.使用非常的方便,你如果要在里面显示一些html,以前的做法是把html拼接为一个string(js),可现在你可以可视化的编辑它了
  4.涵盖了基本上很常用的功能
  5.做的仓促,有问题欢迎提出来
列举一些简单的使用:

$('#msg').showMsg({autoMiddle:true})
//居中显示ID为msg的元素,而且过2秒后自动消失

$('#msg').showMsg({autoMiddle:true,time:5000})
//居中显示ID为msg的元素,而且过5秒后自动消失

$('#msg').showMsg({msg:'哈哈,好了',left:0,top:0,time:5000,callback:_alert})
//左上角的地方显示ID为msg的元素,而且过5秒后自动消失,消失后触发回调函数

$("#domMessage").showMsg({autoMiddle:true,coverBody:true,autoClose:false,left:200,top:300});
//居中显示ID为domMessage的元素,覆盖屏幕(不自动关闭)
有关的参数说明如下图:
Click here to open new window
CTRL+Mouse wheel to zoom in/out
在线演示http://img.jb51.net/online/jq_msg/index.html

上一篇:jquery动态添加option示例

栏    目:jquery

下一篇:jQuery实现的多级下拉菜单效果代码

本文标题:jquery 插件 人性化的消息显示

本文地址:http://www.codeinn.net/misctech/174161.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有