<!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=GBK" />
<title>jQuery弹层类</title>
<link href="styles/core.css" type="text/css" rel="stylesheet"/>
<script src="scripts/jquery.1.3.2.js" type="text/javascript" language="javascript"></script>
<script src="scripts/popup_layer.js" type="text/javascript" language="javascript"></script>
<script language="javascript">
$(document).ready(function() {
var t9 = new PopupLayer({trigger:"#ele9",popupBlk:"#blk9",closeBtn:"#close9",useOverlay:true,useFx:true,
offsets:{
x:0,
y:-41
}
});
t9.doEffects = function(way){
if(way == "open"){
this.popupLayer.css({opacity:0.3}).show(400,function(){
this.popupLayer.animate({
left:($(document).width() - this.popupLayer.width())/2,
top:(document.documentElement.clientHeight - this.popupLayer.height())/2 + $(document).scrollTop(),
opacity:0.8
},1000,function(){this.popupLayer.css("opacity",1)}.binding(this));
}.binding(this));
}
else{
this.popupLayer.animate({
left:this.trigger.offset().left,
top:this.trigger.offset().top,
opacity:0.1
},{duration:500,complete:function(){this.popupLayer.css("opacity",1);this.popupLayer.hide()}.binding(this)});
}
}
});
</script>
</head>
<body>
<div id="ele9">添加</div>
<!-- 实现隐藏效果-->
<div id="blk9" class="blk" style="display:none;">
<div class="main">
<h2>添加</h2>
<a href="javascript:void(0)" id="close9" class="closeBtn">关闭</a>
<ul><li><iframe src="test.html" name="test" align="MIDDLE" width="500" height="500" marginwidth="5" marginheight="5" frameborder="0">
很抱歉,馈下使用的浏览器并不支援 IFframe,不能正常浏览我的网页。</iframe></li></ul>
</div>
</div>
<br/>
嘿嘿哈哈哈哈哈~小小自得一下下---wolf
</body>
</html>