滑动广告代码实例-CSDN博客

本文链接：https://blog.csdn.net/carlcarry/article/details/7949377

<!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" lang="gb2312">
<head>
<title> 代码实例：滑动展开/收缩广告 </title>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<meta name="author" content=" jz123cn@126.com">
<meta name="keywords" content="代码实例：滑动展开/收缩广告" />
<script type="text/javascript">
var intervalId = null;
function slideAd(id,nStayTime,sState,nMaxHth,nMinHth){
this.stayTime=nStayTime*1000 || 3000;
this.maxHeigth=nMaxHth || 90;
this.minHeigth=nMinHth || 1;
this.state=sState || "down" ;
var obj = document.getElementByIdx_x(id);
if(intervalId != null)window.clearInterval(intervalId);
function openBox(){
var h = obj.offsetHeight;
obj.style.height = ((this.state == "down") ? (h + 2) : (h - 2))+"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,10);
}
</script>
</head>
<body style="margin:0;padding:0;font-size:14px;">
<div id="MyMoveAd" style="background:#ff0;height:12px;overflow:hidden;">
<ul>
<li>觉得不错请收藏本页面</li>
<li>觉得不错请收藏本页面</li>
<li>觉得不错请收藏本页面</li>
<li>觉得不错请收藏本页面</li>
<li>觉得不错请收藏本页面</li>
<li>觉得不错请收藏本页面</li>
<li>觉得不错请收藏本页面</li>
<li>觉得不错请收藏本页面</li>
<li>觉得不错请收藏本页面</li>
<li>觉得不错请收藏本页面</li>
<li>觉得不错请收藏本页面</li>
<li>觉得不错请收藏本页面</li>
<li>觉得不错请收藏本页面</li>
<li>觉得不错请收藏本页面</li>
<li>觉得不错请收藏本页面</li>
</ul>
</div>
<p>代码实例：<strong>滑动展开/收缩广告</strong>   请刷新页面，再次观看演示效果</p>
<script type="text/javascript">

</script>
</body>
</html>

<head>
<script type="text/javascript" language="javascript">
var time = 500;
var h = 0;
function addCount()
{
if(time>0)
{
time--;
h = h+5;
}
else
{
return;
}
if(h>260) //高度
{
return;
}
document.getElementByIdx_x("ads").style.display = "";
document.getElementByIdx_x("ads").style.height = h+"px";
setTimeout("addCount()",30);
}

window.onload = function showAds()
{
addCount();
setTimeout("noneAds()",4000); //停留时间自己适当调整
}
</script>

<script type="text/javascript" language="javascript">
var T = 260;
var N = 260; //高度
function noneAds()
{
if(T>0)
{
T--;
N = N-5;
}
else
{
return;
}
if(N<0)
{
document.getElementByIdx_x("ads").style.display = "none";
return;
}

document.getElementByIdx_x("ads").style.height = N+"px";
setTimeout("noneAds()",30);
}
</script>
</style></head>
<div id="ads" style="margin:auto; display:none; width:900px; top:0px; height:0px; border:solid 1px #000; background-color:#fafafa; overflow:hidden; text-align:center;">
<td width="900" height="280"><a href="链接地址"><img src="1.gif" border="0" alt="停留字符显示"></a></td>
</div>

花年记事: http://blog.sina.com.cn/jieeeee