|
<!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" />
<title>box@download:http://www.codefans.net</title>
<script type="text/javascript" src="openBox_v1.1.js"></script>
</head>
<body>
<h2 onclick = "Hongru.box.open('test')">不设任何options参数的box（默认高200px，宽300px）</h2>
<h2 onclick = "Hongru.box.open('test',{width:400,height:250})">普通设定高宽的box</h2>
<h2 id="img">高宽自适应内容高宽的box</h2>
<h2 onclick = "Hongru.box.open('test',{isPre:0})">不带预载动画的box</h2>
<h2 onclick = "Hongru.box.open('test',{time:2})">延迟自动消失的box</h2>
<h2 onclick = "Hongru.box.open('test',{title:'我是自定义的title'})">title自定义的box</h2>
<h2 onclick = "Hongru.box.open('test',{isBar:0})">不带标题栏的的box</h2>
<h2 onclick = "Hongru.box.open('test',{isShut:0})">不带标题栏关闭按钮的box</h2>
<h2 onclick = "Hongru.box.ask('dddd',{},function(){alert('执行确定按钮的callback')},function(){alert('这是取消的callback')})">带按钮和回调参数的box</h2>
<script type="text/javascript">
var pic = '<img src="large.jpg" alt="" width="500" height="335" />';
var sss='<div style="padding:100px;">内容padding:100px</div>';
$('img').onclick = function(){Hongru.box.open(pic,{width:0, height:0})};
</script>
</body>
</html> |
注册 登录
