拉伸效果新打开和关闭iframe（ie6和ff下）

Posted on 2008-12-23 02:02 henrylee 阅读(865) 评论(1) 收藏举报

拉伸效果新打开和关闭iframe

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html>
<head>

<title>Image Gallery</title>
<link rev="Stylesheet" rel="Stylesheet" href="8.css" />
<script type="text/javascript" language="javascript">

var testdiv;
var adiv,d;
var iframe;
function openiframe() {
var e = openiframe.caller.arguments[0] || window.event, obj = e.srcElement || e.target;
testdiv = obj.parentNode;

//testdiv =event.srcElement.parentNode;

if(!testdiv.getElementsByTagName("iframe")[0]){



        var iframe = document.createElement("iframe");
     iframe.src="http://www.baidu.com";                                    /* 新iframe 地址*/
     iframe.setAttribute("frameborder", "0", 0);
        iframe.scrolling="no";
        iframe.style.height="0px";
        testdiv.appendChild(iframe);

opendiv();}
else return false;
}

function opendiv(){
iframe = testdiv.getElementsByTagName("iframe")[0];
d = parseInt(iframe.style.height);
if(d<200){d+=4;iframe.style.height=d+"px";
setTimeout("opendiv()");}
else d=d;
}

function closediv1(){
var c = closediv1.caller.arguments[0] || window.event, obj = c.srcElement || c.target;
adiv = obj.parentNode;
closediv();
}

function closediv(){

     iframe = adiv.getElementsByTagName("iframe")[0];
     d = parseInt(iframe.style.height);
        if(d>0){d-=10;iframe.style.height=d+"px";setTimeout("closediv()");}
        else adiv.removeChild(iframe);
}

</script>
</head><body>
<div>

</div>
</body>
</html>

刷新页面返回顶部

henry5993

公告

拉伸效果新打开和关闭iframe（ie6和ff下）