网站首页
关于深山
客户案例
业务范围
联系深山
网络投票系统
企业网站建设
旅行社网站建设
小程序
留言板
技术文章
许愿墙(qq爱墙)
技术首页
百度小程序开发
微信小程序开发
微信公众号开发
uni-app
asp函数库
ASP
asp.net
DIV+CSS
HTML
SEO搜索引擎忧化
下载类信息
个人空间
代码生成
电商
python
页面特效
表格特效
导航菜单
图形特效
表单特效
时间日期
色彩类别
链接特效
网页特效
系统硬件
网站公告
网页学习
技术类文章
网站类信息
订阅本栏目 RSS
您所在的位置:
深山工作室
>
页面特效
> 正文
滑动展开/收缩广告（兼容ff/ie6/ie7）
网络 2009/8/13 12:39:39 深山行者 字体:
大
中
小
浏览 16276
以下为详细代码
<!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> 请刷新页面，再次观看演示效果</p> <script type="text/javascript"> <!-- slideAd('MyMoveAd',2); --> </script> </body> </html>
前一页:
利用css设置div漂浮在底部或顶部
后一页:
脚本控制三行三列自适应高度DIV布局
相关阅读
CSS教程：弄懂闭合浮动元素
JavaScript技巧:让网页自动穿上外套
asp截取字符串：根据右边第一个点(.)去掉扩展名
利用锚点做纯CSS的图片展示效果
用dl、dt、dd制作个性表格
穿越火线风格-网吧留言本V4.3
asp计算页面执行时间显示到毫秒
jquery实现移动端下拉加载刷新更多信息
更多信息>>
栏目类别选择
百度小程序开发
微信小程序开发
微信公众号开发
uni-app
asp函数库
ASP
DIV+CSS
HTML
python
更多>>
同类信息
jquery下拉到某个固定位置然后某些元素发生改变样式状态
canvas绘制的文字如何换行
兼容pc、移动端用js实现复制内容到剪切板（支持苹果safari浏览器）
js兼容多个浏览器右下角漂浮广告
兼容ie6+和火狐的禁止右键
做在线客服时，聊天窗口的div滚动条始终在底部
更多>>
最新添加文章
dw里面查找替换使用正则删除sqlserver里面的CONSTRAINT
Android移动端自动化测试：使用UIAutomatorViewer与Selenium定位元素
抖音直播音挂载小雪花 懂车帝小程序
javascript获取浏览器指纹可以用来做投票
火狐Mozilla Firefox出现：无法载入您的Firefox配置文件 它可能已经丢失 或是无法访问 问题解决集合处理办法
在Android、iOS、Windows、MacOS中微信小程序的文件存放路径
python通过代码修改pip下载源让下载库飞起
python里面requests.post返回的res.text还有其它的吗
更多>>
随机抽取信息
网页中自动换行问题
旅行社管理系统商业版3.0发布
关于字体在CSS中处理效果的思考
uni-app基础知识数据绑定
Dreamweaver在onLoad运行_onOpen.htm时,发生了以下javascript错误
连云港红发廊
更多标签
热门标签
计算
第几楼
告
float
ResponseXML
点击
背景色
轮流
Cookie
教程
防止
ie6
日历
分隔符
id
忧化
墙
服务器
调色
class
PSD
div的高度
表达式
信息
留言板模版
调用
树型
checkbox
FTP
无限
mssql
市
time
版权
浏览器
日期
保留
左右
flash
移动
自适应
版权声明
文件夹
网站地图
xhtml
验证码
标签
比例
注册
技巧
免责声明:本站所有资料信息,有部分为本人原创,部分为从网络收集而来,仅供网友查看阅读所用,所有信息版权归信息所有人或所有公司所有
如果信息内容侵犯到您的版权或权益请与我们联系,经确认后我们会立即移除相关内容或链接
Copyright © 2007-2026
深山工作室
All Rights Reserved
服务QQ:
565449214
手机:
13961347334
ICP备案:
苏ICP备15019627号
苏公网安备 32070502010230号
苏公网安备 32070502010230号