滑动展开后收缩广告代码

稿源：互联网 2022-06-16 10:27:00 点击： 9582 撤稿纠错

首页常用的滑动展开后收缩广告代码，可自定义时间和广告内容。

以下讨论的是和js相关的滑动展开后收缩广告代码教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

<!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> 代码实例：滑动展开/收缩广告 阿里西西整理收集 www. alixixi .com</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="author" content="阿里西西,gife_521@163.com">
<meta name="keywords" content="代码实例：滑动展开/收缩广告，阿里西西web开发之家，服务于广大Web开发爱好者的免费技术资源网站，提供最专业的网页制作教程，网站源码和模板下载，网页特效、站长资讯等建站资源；同时提供网站开发及技术支持服务。" />
<script type="text/javascript">
var intervalId = null;
function alixixi(id,nStayTime,sState,nMaxHth,nMinHth){
this.stayTime=nStayTime*1000 || 3000;
this.maxHeigth=nMaxHth || 290;
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(){
alixixi(id,this.stayTime,"up",nMaxHth,nMinHth);
}
intervalId = window.setInterval(openBox,10);
}
</script>
</head>
<body style="margin:0;padding:0;font-size:14px;">
<div id="alixixi_com" style="background:#ff0;height:12px;overflow:hidden;">
<ul>
<li>阿里西西提示您：6秒钟后广告自动消失，可自定义时间及刷新再看效果！</li>
<li>阿里西西网站频道如下：</li>
<li><a href="http://js.alixixi.com/">网页特效</a></li>
<li><a href="http://book.alixixi.com/">电子书籍</a></li>
<li><a href="http://down.alixixi.com/">源码下载</a></li>
<li><a href="http://cool.alixixi.com/">酷站欣赏</a></li>
<li><a href="http://tool.alixixi.com/">站长工具</a></li>
<li><a href="http://bbs.alixixi.com/">论坛系统</a></li>
<li><a href="http://mb.alixixi.com/">模板素材</a></li>
<li><a href="http://dir.alixixi.com">免费收录</a></li>
<li><a href="http://shop.alixixi.com">商城系统</a></li>
<li><a href="http://www.alixixi.com/zz/">站长资讯</a></li>
<li><a href="http://www.alixixi.com/web/">教程文章</a></li>
<li>其实这里是广告内容，就像163网站一样，设定时间过后自动隐藏了。</li>
<li>喜欢我们的网站吗？记住网址：www.alixixi.com，阿里西西有你更精彩！</li>
</ul>
</div>
<p>告诉你一个应有尽有的网页特效网址：<a href="http://js.alixixi.com">http://js.alixixi.com</a>
<br />代码实例：<strong>滑动展开/收缩广告</strong>   请刷新页面，再次观看演示效果</p>
<script type="text/javascript">

</script>
</body>
</html>

关于滑动展开后收缩广告代码的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/2009101958644.shtml方便下次再访问哦。

·上一篇： 可拖动拉伸的左右分栏
·下一篇： 几种不间断图片滚动效果

滑动展开后收缩广告代码

文章分类LIST >>返回首页

最新游戏

最新新闻