推荐

公告

· JavaScript/JS实现标题栏...

· 无间断滚动内容代码（可...

· 仿163网站顶部展出的大幅...

· 文字/图片广告轮显效果(...

· 图片广告效果

· FLASH效果广告

· 滑动广告效果

· 符合标准的对联广告

· 精彩图片推荐渐隐渐现

· 网页中移动的广告效果鼠...

广告

当前位置：网络首页 >> 网页制作 >> 网页特效 >> 广告代码 >> 滑动广告效果

滑动广告效果

2007-12-18 13:21:29 作者：未知来源：互联网浏览次数：46 文字大小：【大】【中】【小】

关键字：广告

<!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=gb2312" />
<title>滑动全屏广告</title>

<script type="text/javascript" language="javascript">
var intervalId = null;
function slideAd(id,nStayTime,sState,nMaxHth,nMinHth){
	this.stayTime=nStayTime*1000 || 3000;
	this.maxHeigth=nMaxHth || 300; //广告最大高度
	this.minHeigth=nMinHth || 1;
	this.state=sState || "down" ;
	var obj = document.getElementById(id);
	if(intervalId != null)window.clearInterval(intervalId);
	function openBox(){
		var h = obj.offsetHeight;
		obj.style.height = ((this.state == "down") ? (h +5 ) : (h - 5))+"px";
		if(obj.offsetHeight>this.maxHeigth){
			window.clearInterval(intervalId);
			intervalId=window.setInterval(closeBox,this.stayTime);
		}
		if (obj.offsetHeight<this.minHeigth){
			window.clearInterval(intervalId);
			obj.style.display="none";
		}
	}
	function closeBox(){
		slideAd(id,this.stayTime,"up",nMaxHth,nMinHth);
	}
	intervalId = window.setInterval(openBox,2);
}
</script>
</head>
<body>
<div id="slideAD" style="overflow: hidden; height: 0">
  <div align="center"><a href="#"><img name="AD" src="" width="778" height="300" alt="广告内容" style="background-color: #FF6600; border:0;" /></a></div>
</div>
<script type="text/javascript">
	slideAd('slideAD',5);
</script>
<div style="background-color:#0CF; border-top:2px #3399CC solid; font-size:12px; text-align:center; padding:3px;">滑动全屏广告</div>
</body>
</html>

发表评论　加入收藏　告诉好友　打印本页　关闭窗口　返回顶部

相关文章