<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="utf-8" />
<meta name="Robots" content="all" />
<meta name="Author" content="KudyChen" />
<meta name="Copyright" content="KudyStudio.Com" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<title>Jbox学习</title>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<!--jbox-->
<link id="skin" rel="stylesheet" href="js/jBox/Skins/Blue/jbox.css" />
<script type="text/javascript" src="js/jBox/jquery.jBox-2.3.min.js"></script>
<script type="text/javascript">
$(function(){
//demo
//window alert
$.jBox.setDefaults({ defaults: { border: 0} }); // 只修改全局 border
$("#btn_alert").bind("click",function(){
$.jBox.info('这是window alert');
});
$("#btn_call").bind("click",function(){
$.jBox("有回调函数", { title: "窗口", submit: callHandler });
});
$("#btn_NoDrag").bind("click",function(){
$.jBox("拖动不了", { title: "窗口", draggable:false });
});
$("#btn_dragClone").bind("click",function(){
$.jBox("克隆窗口", { title: "窗口" ,dragClone: true});
});
$("#btn_hideICON").bind("click",function(){
$.jBox("隐藏标题的图标", { title: "窗口" ,dragClone:false,showIcon: false});
});
$("#btn_html").bind("click",function(){
var html="<div style='border:1px solid #99bbe8;margin:10px'>这是div内容</div>"
$.jBox(html, { title: "窗口" ,dragClone:false});
});
$("#btn_closed").bind("click",function(){
$.jBox("关闭后的事件", { title: "窗口" ,closed:closeHander});
});
$("#btn_contentByObject").bind("click",function(){
var html="<div style='border:1px solid #99bbe8;margin:10px' id='div_1'>这是div内容</div>"
$.jBox(html, { title: "窗口" ,submit:function(v,h,f){
$.jBox.tip('div_1的html:\t'+$(h).children("#div_1").html());
}});
});
});
function callHandler(v, h, f){
//alert(v+"\t"+h+"\t"+f);
$.jBox.tip('你点击的按钮是'+v, 'success');
}
function closeHander(){
$.jBox.tip('关闭后事件');
}
</script>
<style type="text/css">
</style>
</head>
<body>
<button id="btn_alert">alert</button><br/><br/>
<button id="btn_call">回调事件</button><br/><br/>
<button id="btn_NoDrag">不可以拖动</button><br/><br/>
<button id="btn_dragClone">克隆窗口</button><br/><br/>
<button id="btn_hideICON">隐藏标题的图标</button><br/><br/>
<button id="btn_html">插件html代码</button><br/><br/>
<button id="btn_html">插件html代码</button><br/><br/>
<button id="btn_closed">关闭后的事件</button><br/><br/>
<button id="btn_contentByObject">获取内容中的对象</button><br/><br/>
<!--<div style="height:1200px;border:1px solid #99bbe8"></div>-->
</body>
</html>
分享到：
相关推荐
JBox2D 学习文档 JBox2D 是一个开源的物理引擎，可以用于开发 2D 游戏。它基于 Box2D 的 Java 版本，使用 Processing 库进行图形渲染。为了使用 JBox2D 开发游戏，需要了解一些基本的物理学概念。 密度是单位体积...
JBox2D是一款基于Java实现的Box2D物理引擎的开源库，主要用于2D物理模拟。...对于没有找到合适教程的人来说，这是一个很好的学习资源，可以帮助快速上手JBox2D，并为开发2D物理模拟游戏或应用打下坚实基础。
7. **jbox2d-testbed**: 测试床或者示例项目，包含了一系列的示例场景，用于演示JBox2D的功能，帮助开发者理解和学习如何使用JBox2D来创建物理效果。 8. **README.txt**: 项目的基本说明文件，通常包含项目简介、...
**jQuery jBox插件详解** 在网页开发中，与用户进行交互是至关重要的，而弹窗提示框就是这种交互的一种常见形式。jBox是一款基于jQuery的弹窗插件，...通过深入学习和实践，你将能充分利用jBox提升你的网页交互体验。
本文将对JBox的核心特性、使用方法以及如何通过提供的Demo进行学习进行深入探讨。 首先，JBox的主要特点在于其高度可定制性。开发者可以根据需求调整弹出框的大小、位置、样式、内容，甚至添加自定义事件处理。JBox...
《JBox2d官方资料详解》 JBox2d是一个基于Java实现的开源物理引擎，它主要用于...通过深入学习和实践这些官方资料，开发者可以掌握JBox2d的使用，从而在自己的游戏中实现精细的物理效果，提升游戏的真实感和趣味性。
**JBox弹出窗口详解** JBox是一款基于JavaScript的弹出窗口插件，它提供了丰富的功能和自定义...通过学习和实践这些示例文件，你可以更深入地理解和掌握JBox弹出窗口的各种特性和应用场景，从而在实际项目中灵活运用。
在压缩包文件"jBox1"中，可能包含了示例代码的完整结构，包括HTML、CSS和JavaScript文件，供开发者参考和学习。你可以解压文件并运行其中的示例，以便更好地理解和应用jBox。 通过jBox，你可以轻松地实现各种复杂的...
《jQuery弹出框插件——JBox详解及应用》 在网页开发中，为了提供更好的用户体验，我们常常需要使用弹出框来展示...通过学习和实践压缩包中的示例文件，你将能够熟练掌握JBox的使用，提升你的网页开发效率和用户体验。
**jBox前端弹出框插件** jBox是一款强大的前端弹出框插件，它为开发者提供了丰富的功能，包括警告框、提示框、弹出窗口和加载提示等，...通过学习和掌握jBox，开发者可以更轻松地构建出富有吸引力和功能性的前端应用。
《Jbox2d完整例子解析：游戏引擎与类设计思路》 ...通过学习和分析这个例子，开发者不仅能掌握Jbox2d的基本用法，还能理解游戏开发中的关键设计思想，这对于进一步开发自己的游戏项目具有重要的指导意义。
### jbox2d小结 #### 一、基础概念与...综上所述，jbox2d是一款功能强大且易于使用的物理引擎，非常适合初学者入门学习。通过深入理解其核心概念和技术细节，开发者可以更加灵活地运用它来创建丰富多彩的游戏世界。
《jBox2D 2.1.2：构建Android游戏世界的...通过学习和实践，开发者能够创建出拥有逼真物理效果的游戏，增强玩家的沉浸感。无论是初学者还是经验丰富的开发者，都应该掌握这个强大的工具，以提升游戏开发的效率和质量。
**JBox演示30种不同的调用方法** JBox，作为一个强大的JavaScript库，提供了一整套灵活且功能丰富的API，可以用于实现各种复杂的前端交互...通过深入学习和实践，开发者可以充分利用JBox实现各种创新的前端解决方案。
总的来说，jBox2D-Testbed是一个强大的学习和开发工具，它可以帮助开发者深入理解2D物理模拟，并快速构建出具有真实物理效果的游戏和应用。通过不断地实践和探索，你可以利用jBox2D创造出更加丰富多彩的2D世界。
50页文档，详细介绍JBox2D相关...每种物理引擎都有其独特的概念，在学习开源的物理引擎时，首先需要弄明白的就是其基本概念。因此，本节主要为读者复习一下物理学中的一些基本概念，并介绍JBox2D中的一些常用类与概念。
### 学习资源 在`jQuery之家.url`链接中，可以找到更多关于jBox的教程、示例和社区支持，帮助开发者深入理解和熟练使用这款插件。 总结起来，jBox凭借其强大的功能、灵活的自定义选项和优秀的用户体验，成为jQuery...
`jbox2d-testbed`通常包含了一系列示例和测试用例，开发者可以通过这些例子学习如何使用JBox2D，调试物理效果，验证引擎的正确性。 **项目配置** `.project`和`.classpath`文件是Eclipse IDE的工作空间配置文件，...
深入学习 在压缩包中的其他示例文件，如`jbox-demo2.html`，通常会包含更多高级特性和使用方式，例如不同类型的对话框、自定义样式、触发条件等。`ajax.html`展示了如何动态加载内容，而`iframe.html`则演示了如何...