滑动展开/收缩广告（兼容ff/ie6/ie7） -- [页面特效]─ 深山工作室提供网络投票系统|微信公众号投票|微信公众号小程序|抖音小程序|百度小程序|微信公众号开发|企业网站建设

滑动展开/收缩广告（兼容ff/ie6/ie7）

网络 2009/8/13 12:39:39 深山行者字体:大中小浏览 15322

以下为详细代码

<!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="keywords" content="代码实例：滑动展开/收缩广告" />
<script type="text/javascript">
var intervalId = null;
function slideAd(id,nStayTime,sState,nMaxHth,nMinHth){
stayTime=nStayTime*1000 || 3000;
maxHeigth=nMaxHth || 90;
minHeigth=nMinHth || 1;
state=sState || "down" ;
var obj = document.getElementById(id);
if(intervalId != null)window.clearInterval(intervalId);
    function openBox(){
        var h = obj.offsetHeight;
        obj.style.height = ((state == "down") ? (h + 2) : (h - 2))+"px";
        if(obj.offsetHeight>maxHeigth){
        window.clearInterval(intervalId);
        intervalId=window.setInterval(closeBox,stayTime);
        }
		if (obj.offsetHeight<minHeigth){
		window.clearInterval(intervalId);
		obj.style.display="none";
		}
}
	function closeBox(){
	slideAd(id,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>&nbsp;&nbsp;&nbsp;请刷新页面，再次观看演示效果</p>
<script type="text/javascript">

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

前一页:利用css设置div漂浮在底部或顶部

后一页:脚本控制三行三列自适应高度DIV布局

相关阅读: DW设置之后更好用 DreamweaverCS编辑GB2312与UTF-8文件在代码视图中点击鼠标错位问题的解决办法; 当鼠标靠在某个字上时,背景也随之改变; ASP.NET AJAX的应用; uni-app自定义loading组件; 旅行社网站模板3; 利div+css做的柱状图，代码超级简洁; 中国签证行业领导者--91出国签证网; 深山留言板 v7.0.1 bulid2014.11.15更新

共有0条关于《滑动展开/收缩广告（兼容ff/ie6/ie7）》的评论: 发表评论

正在加载评论......

返回顶部发表评论

呢称:
表情:
内容:	评论内容:不能超过 1000 字,需审核,请自觉遵守互联网相关政策法规。
验证码:

网友评论声明,请自觉遵守互联网相关政策法规。

您发布的评论即表示同意遵守以下条款:
一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家、社会、集体和公民的合法权益;
二、不得发布国家法律、法规明令禁止的内容;互相尊重,对自己在本站的言论和行为负责;
三、本站对您所发布内容拥有处置权。

更多信息>>栏目类别选择: 百度小程序开发; 微信小程序开发; 微信公众号开发; uni-app; asp函数库; ASP; DIV+CSS; HTML; python

更多>>同类信息: jquery下拉到某个固定位置然后某些元素发生改变样式状态; canvas绘制的文字如何换行; 兼容pc、移动端用js实现复制内容到剪切板（支持苹果safari浏览器）; js兼容多个浏览器右下角漂浮广告; 兼容ie6+和火狐的禁止右键; 做在线客服时，聊天窗口的div滚动条始终在底部

更多>>最新添加文章: 在Android、iOS、Windows、MacOS中微信小程序的文件存放路径; python通过代码修改pip下载源让下载库飞起; python里面requests.post返回的res.text还有其它的吗; aliyun阿里云续费域名优惠口令(注册、续费都可以使用); windows7环境下安装配置jdk; python对微信操作要用到这两个库wxpy与itchat; ASP中Utf-8与Gb2312编码转换乱码问题的解决方法页面编码声明; DW设置之后更好用 DreamweaverCS编辑GB2312与UTF-8文件在代码视图中点击鼠标错位问题的解决办法

更多>>随机抽取信息: 生成随机字符串的函数，可以做为验证码一类的使用; 旅行社管理系统商业版3.0发布; 连云港党建; 取得鼠标所在位置的对象; 图片渐显轮流播放; 防止 IE 浏览器被黑的技巧十则

更多标签热门标签

翻滚字节数分开时间函数 js onmouserout 下拉框工具缩小禁止 xml Excel 故事设置超出购物眼睛快捷 DIV CSS做的透明菜单兼容IE、FF等操作列表我想你层图片列 important 格式格式化个性左右统计文字垂直还原代码 css textarea 文件大小弹窗加长 web2.0 选项管理系统 id 文件菜单连云港旅游简易标签网易 web