拉幕(像窗帘幕布一样)广告代码_广告代码

拉幕(像窗帘幕布一样)广告代码: 发布时间：2020-03-26编辑：脚本学堂

拉幕广告代码，像窗帘的幕布一样慢慢的被拉上去，缩小至一定大小后定格。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>slide</title>
<style type="text/css"> 
html,body{
	width:100%;
	height:100%;
	margin:0px;
	border:0px;
	text-align:center;
}
div{
	margin:auto;
	overflow:hidden;
}
</style>
</head>
<body>
<script type="text/<a href=http://www.jb200.com/js/ target=_blank class=infotextkey>javascript</a>"> 
function tag(obj){
	return document.getElementsByTagName(obj)[0];
}
window.onload=function(){
	setTimeout("slideUp();",1000);
}
function slideUp(){
	if(tag("div").offsetHeight>0){
		if(tag("div").offsetHeight>10){
			tag("div").style.height=tag("div").offsetHeight-10+"px"
			setTimeout("slideUp();",20);
		}else{
			tag("div").style.display="none";
			tag("img").src="/source/images/201207/tp714_lamu.jpg";
			tag("div").style.display="block";
			slideDown();
		}
	}
}
function slideDown(){
	if(tag("div").offsetHeight<80){
		if(tag("div").offsetHeight<70){
			tag("div").style.height=tag("div").offsetHeight+10+"px";
			setTimeout("slideDown();",20);
		}else{
			tag("div").style.height="80px";
		}
	}
}
</script>
<div><img src="/source/images/201207/tp714_lamu.jpg"></div>
<strong><a href="http://www.jb200.com/"><a href=http://www.jb200.com/jb/ target=_blank class=infotextkey>脚本</a>学习网</a></strong>
</body>
</html>

提示：可修改代码后再运行!

上一篇：一个不错的有弹性的漂浮广告代码
下一篇：完美的右下角窗口JS代码

与拉幕(像窗帘幕布一样)广告代码有关的文章

本文标题：拉幕(像窗帘幕布一样)广告代码
本页链接：http://www.jb200.com/tx/111.html

浏览排行

栏目分类

热点文章

拉幕(像窗帘幕布一样)广告代码