首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 开发语言 > 编程 >

弹出框JBox范例

2013-10-11 
弹出框JBox实例前几天做的考试系统的一些后台弹出框的一些模板。主要是因为普通的弹出框样式不是很好,颜色

弹出框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的函数原型有很多种,和我们以前学习过的一些函数的样式和名字几乎是想通的,只要花一点时间基本就可以认识的差不多。期待大家的更好的使用和掌握Jbox的学习。


    1楼liuyanlinglanq昨天 21:23
    很好,学习了Jbox,博客写的很好,很好懂,很用心
    Re: han_yankun2009昨天 21:34
    回复liuyanlinglanqn谢谢师姐鼓励

热点排行