Nicole McIntyre 发布于

文章来源： 100素材网更新时间： 2014-04-23 15:54:29

网页漂浮代码 qq空间漂浮物代码空间漂浮物代码

<a style="display:none" href="http://www.100sucai.com">www.100sucai.com</a>
        <!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>
<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="aa" style="background:#FF0000;height:12px; line-height:30px; color:#FFFFFF;text-align:center;overflow:hidden;">
欢迎光临...
</div>
<script type="text/javascript">

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

在线演示

浏览次数次

react源码系统 vue源码系统 vue + typeScript源码系统

上一篇文章：屏幕内浮动广告漂浮特效代码

下一篇文章：可关闭网页对联广告代码js特效

首页

jquery特效

网页素材

网页特效

网站模板

图片素材

网页顶部伸缩广告js代码特效

推荐阅读：

相关代码：

标签分类