-
首页头部下拉广告设计(javascript)
加在Head中
<script type="text/javascript" language="javascript">
var intervalId = null;
![](/Images/OutliningIndicators/ExpandedBlockStart.gif)
function slideAd(id,nStayTime,sState,nMaxHth,nMinHth)
{
this.stayTime=nStayTime*1000 || 3000;
this.maxHeigth=nMaxHth || 330; //广告最大高度
this.minHeigth=nMinHth || 1;
this.state=sState || "down" ;
var obj = document.getElementById(id);
if(intervalId != null)window.clearInterval(intervalId);
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
function openBox()
{
var h = obj.offsetHeight;
obj.style.height = ((this.state == "down") ? (h +5 ) : (h - 5))+"px";
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
if(obj.offsetHeight>this.maxHeigth)
{
window.clearInterval(intervalId);
intervalId=window.setInterval(closeBox,this.stayTime);
}
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
if (obj.offsetHeight<this.minHeigth)
{
window.clearInterval(intervalId);
obj.style.display="none";
}
}
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
function closeBox()
{
slideAd(id,this.stayTime,"up",nMaxHth,nMinHth);
}
intervalId = window.setInterval(openBox,2);
}
</script>
加在Body下面
<div id="slideAD" style="overflow: hidden; height: 0; padding-left:10px; 985px"><div id="hd"><img src="/img/close.gif" alt="关闭" onclick="slideAd('slideAD',5,'up');return false;"/></div>
<div align="center">这里插入相应的图片或flash</script></div>
</div>
设置当页面完全加载之后执行,10MS 检测一次
<script type="text/javascript">
![](/Images/OutliningIndicators/None.gif)
<!--
![](/Images/OutliningIndicators/ExpandedBlockStart.gif)
function chk()
{
(this.document.readyState=="complete")?slideAd('slideAD',8):setTimeout('chk()',10);
}
chk();
//-->
![](/Images/OutliningIndicators/None.gif)
![](/Images/OutliningIndicators/None.gif)
</script>
-
相关阅读:
C++ primer plus读书笔记——第6章 分支语句和逻辑运算符
C++ primer plus读书笔记——第7章 函数——C++的编程模块
C++ primer plus读书笔记——第5章 循环和关系表达式
C++ primer plus读书笔记——第4章 复合类型
C++ primer plus读书笔记——第3章 处理数据
C++ primer plus读书笔记——第2章 开始学习C++
10款好用到爆的Vim插件,你知道几个?
程序员最讨厌的100件事,瞬间笑喷了,哈哈~~
20 个最常用的 Git 命令用法说明及示例
史上最全的Nginx配置参数中文说明
-
原文地址:https://www.cnblogs.com/kingboy/p/1042374.html
Copyright © 2020-2023
润新知