【代码教程】可以展开、收缩的顶部滑动广告html代码

2013-08-18 13:03:35 -0400

[代码教程]可以展开、收缩的顶部滑动广告html代码

可以展开、收缩的顶部滑动广告html代码

✎请勿抄袭本页面,可以复制框内代码

代码说明如下
代码名：可以展开、收缩的顶部滑动广告html代码
类型：html
来自：互联网
代码说明：您可以复制以下框内的代码粘贴到您须要的地方!可以展开、收缩的网页顶部滑动广告代码，JavaScript实现。当打开网页的时候，它会自动慢慢展开，停留几秒钟后就自动慢慢收缩消失。在一些门户网站我们会看到这种广告效果。!将下方框内代码加入你的网站须要这种功能的地方!

html代码如下框内

<!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>
<title>可以展开、收缩的顶部滑动广告</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
<style type="text/css">
body{margin:0;}
</style>
<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.getElementById(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>
<div id="MyMoveAd" style="background:skyblue;height:12px;text-align:center;overflow:hidden;">这里放广告内容哦！</div>
<script type="text/javascript"> 
 
</script>
</body>
</html>

代码效果演示

没有看到效果刷新试试!
可以展开、收缩的顶部滑动广告

这里放广告内容哦！

«Newer Older»

Comment:

Name:

Back to home

Subscribe | Register | Login | N