弹出框JBox实例
前几天做的考试系统的一些后台弹出框的一些模板。主要是因为普通的弹出框样式不是很好,颜色也不能调换。这里我们用的是JBox,还是从师傅那得知的。自己小实验了下,这里就做个小结。
JBox插件说明
- jBox 是一款基于jQuery的多功能对话框插件,能够实现网站的整体风格效果,给用户一个新的视觉享受。
运行环境
- 兼容 IE6+、Firefox、Chrome、Safari、Opera等主流浏览器。备注:IE不支持边框的圆角样式,不推荐大家使用蛋痛的IE浏览器。
使用Jbox函数的时候,需要先了解下Jbox的函数原型
$.jBox.prompt(content,title, icon, options);
└ 或者jBox.prompt(content, title, icon, options);
参数说明:
-content (string)
└只能是string,不支持前缀标识,默认值为''。
-title [可选] (string)
└窗口标题,值为null时为不显示标题,默认值为 $.jBox.defaults.title。
- icon [可选](string)
└内容图标,值为'none'时为不显示图标,可选值有'none'、'info'、'question'、'success'、'warning'、'error',默认值为'none'。
-options [可选] (json)
└ 其它参数选项,默认值为$.jBox.defaults。
函数的参数和先前vb的msgbox的内容几乎是一样的,所以这个不说也是很明白的。
$.jBox.tip(content, icon, options); 和上面的函数类似,只是表现的形式不同,它以文字框的形式出现.一般用在最后的结果提示上。
实例
下面就做个测试吧
先建立html页面或是Asp.net页面
1 首先的下载JBox的代码库 js函数库。这里给出下载的网址。http://www.kudystudio.com/jbox/jbox-demo.html
2 之后就是引入JBox的函数库。引入需要
3 调用Jbox的原形函数进行编写
点击好吖给予提示。
经过以上演示是不是有种焕然一新的感觉呢。其实Jbox的函数原型有很多种,和我们以前学习过的一些函数的样式和名字几乎是想通的,只要花一点时间基本就可以认识的差不多。期待大家的更好的使用和掌握Jbox的学习。
- 1楼liuyanlinglanq昨天 21:23
- 很好,学习了Jbox,博客写的很好,很好懂,很用心
- Re: han_yankun2009昨天 21:34
- 回复liuyanlinglanqn谢谢师姐鼓励