滑动展开/收缩广告代码实例效果
作者：CnLei 发布时间：2007-10-09 12:44:00
标签：广告,收缩
功能说明： 滑动展开/收缩广告效果,可指定：广告完全展开时的停留时间，最大高度。
兼容浏览器：
IE5.0+、FF1.06+、Opera8.0+
实例代码：
<!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="枫岩,CNLei.y.l@gmail.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.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 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">
<!--
slideAd(’MyMoveAd’,2);
-->
</script>
</body>
</html>
0
投稿猜你喜欢
第一步：安装SQL200，并启动SQL2000。到网上下载SQL2000，并安装完毕。（ * 作系统是XP，装的是SQL个人版），按照下面所示- 简介日常开发中, 测试是不能缺少的.Go 标准库中有一个叫做 testing 的测试框架, 可以用于单元测试和性能测试.它是和命令 go t
- 本文实例为大家分享了python3.5 email发送邮件的具体代码，供大家参考，具体内容如下直接套用代码即可from email.mime
- 一、Matplotlib 绘图在数据分析中，数据可视化也非常重要，通过直观的展示过程、结果数据，可以帮助我们清晰的理解数据，进而更好的进行分
- 本文实例讲述了Python多线程threading模块用法。分享给大家供大家参考，具体如下：多线程 - threadingpython的th
- #!/usr/bin/env/ python#coding=utf-8import mechanizeimport cookielib# C
- 引言首先来一段简单的代码逻辑热身，下面的代码大家觉得应该会打印什么呢？type OKR struct { id
- 前言在linux有个命令叫做md5sum，能生成文件的md5值，一般情况下都会将结果记录到一个文件中用于校验使用，比如会这样使用：[craz
- 英文原文：http://www.smashingmagazine.com/2008/08/18/译文原文：http://blog.bingo
- mysql时间序列间隔查询在时间序列处理中，采集到的数据保存在数据表中，采集的频率可能是固定间隔（10秒，1小时或者1天），但往往是不固定的
- 前言MySQL 事务隔离级别是为了解决并发事务互相干扰的问题的，MySQL 事务隔离级别总共有以下 4 种：READ UNCOMMITTED
- 爬取”顶点小说网“《纯阳剑尊》代码import requestsfrom bs4 import BeautifulSoup# 反爬heade
- 维护是什么，维护就是修改，不断的修改，但是要保证你的html和css有清晰的版本界定，有扩展性，不要因为做的太死而重新去做这个页面。一个赚钱
- 前言我们经常需要将大量数据保存起来以备后续使用，数据库是一个很好的解决方案。在众多数据库中，MySQL数据库算是入门比较简单、语法比较简单，
- web跨域请求1.为什么要有跨域限制举个例子：1.用户登录了自己的银行页面 http://mybank.com，http://mybank.
- 一. Python中表示时间的两种方式：时间戳：相对于1970.1.1 00:00:00以秒计算的偏移量，唯一的时间元组struct_tim
- pandas为我们提供了多种切片方法，而要是不太了解这些方法，就会经常容易混淆。下面举例对这些切片方法进行说明。数据介绍先随机生成一组数据：
- 首先简单介绍使用vue-router的四个基本步骤：（为了方便演示，所有代码都写在一个文件里）1.定义组件2.定义路由3.创建router实
- 引言在 web 项目中，我们经常使用自定义状态码来告知请求方请求结果以及请求状态；在 Python 中该如何设计自定义的状态码信息呢？普通类
- NumPy数组（2、数组的操作）基本运算数组的算术运算是按元素逐个运算。数组运算后将创建包含运算结果的新数组。>>> a=
