Jbox学习

Jbox学习与实践
最新推荐文章于 2024-11-08 11:55:28 发布
原创最新推荐文章于 2024-11-08 11:55:28 发布 · 169 阅读
0 ·
CC 4.0 BY-SA版权
文章标签：
#xhtml #javascript #ViewUI
<!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>