javascript 上下banner替换具体实现


Posted in Javascript onNovember 14, 2013
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
</script>
<script type="text/javascript">
var x=400;
function dianji(){
    document.getElementById('yincang').style.height=x+'px';
    x--;
    var time=setTimeout('dianji()',10);
    if(x==200){    
    clearTimeout(time);    
    //document.body.bgColor='red';
    document.getElementById('yincang').style.display='none';
    document.getElementById('xianshi').style.display='block';
    }
    }
</script>
<script type="text/javascript">
</script>
<style type="text/css">{ display:block}</style>
</head>
<body onload="dianji()" >
<div id="yincang" style=" background:#CCC; height:400px;"></div>
<div id="xianshi" style="background:#0F0; height:200px; display:none;">fdafda</div>
<div style="background:#666; height:2000px;"></div>
</body>
</html>
Javascript 相关文章推荐
Javascript中的delete介绍
Sep 02 Javascript
js中如何把字符串转化为对象、数组示例代码
Jul 17 Javascript
jQuery客户端分页实例代码
Nov 18 Javascript
一个小例子解释如何来阻止Jquery事件冒泡
Jul 17 Javascript
Jquery实现图片预加载与延时加载的方法
Dec 22 Javascript
浅谈Javascript数组索引
Jul 29 Javascript
angularjs实现上拉加载和下拉刷新数据功能
Jun 12 Javascript
js 提取某()特殊字符串长度的实例
Dec 06 Javascript
浅谈super-vuex使用体验
Jun 25 Javascript
Nuxt项目支持eslint+pritter+typescript的实现
May 20 Javascript
Vue程序调试的方法
Jun 17 Javascript
js实现提交前对列表数据的增删改查
Jan 16 Javascript
javascript scrollTop正解使用方法
Nov 14 #Javascript
简单的Jquery遮罩层代码实例
Nov 14 #Javascript
Extjs改变树节点的勾选状态点击按钮将复选框去掉
Nov 14 #Javascript
javascript loadScript异步加载脚本示例讲解
Nov 14 #Javascript
MyEclipse取消验证Js的两种方法
Nov 14 #Javascript
使用JS CSS去除IE链接虚线框的三种方法
Nov 14 #Javascript
javascript unicode与GBK2312(中文)编码转换方法
Nov 14 #Javascript
You might like
世界上第一台立体声收音机
2021/03/01 无线电
PHP文件操作实例总结
2016/09/27 PHP
PHP设计模式之单例模式定义与用法分析
2019/03/26 PHP
编辑浪子版表单验证类
2007/05/12 Javascript
php与js的区别是什么
2013/08/05 Javascript
判断ie的两种简单方法
2013/08/12 Javascript
基于豆瓣API+Angular开发的web App
2015/01/02 Javascript
ichart.js绘制虚线、平均分虚线效果的实现代码
2016/05/05 Javascript
javascript事件的传播基础实例讲解(35)
2017/02/14 Javascript
Vuex之理解Store的用法
2017/04/19 Javascript
详解webpack4多入口、多页面项目构建案例
2018/05/25 Javascript
vue项目打包后怎样优雅的解决跨域
2019/05/26 Javascript
JavaScript的Proxy可以做哪些有意思的事儿
2019/06/15 Javascript
js实现tab栏切换效果
2020/08/02 Javascript
[49:21]完美世界DOTA2联赛循环赛 Ink Ice vs LBZS BO2第二场 11.05
2020/11/06 DOTA
Python操作Access数据库基本步骤分析
2016/09/19 Python
使用django的ORM框架按月统计近一年内的数据方法
2019/07/18 Python
windows环境中利用celery实现简单任务队列过程解析
2019/11/29 Python
Python解释器以及PyCharm的安装教程图文详解
2020/02/26 Python
HTML5使用ApplicationCache接口实现离线缓存技术解决离线难题
2012/12/13 HTML / CSS
AmazeUI在模态框中嵌入表单形成模态输入框
2020/08/20 HTML / CSS
印度领先的在线时尚商店:Koovs
2016/08/28 全球购物
马来西亚太阳镜、眼镜和隐形眼镜网上商店:Focus Point
2018/12/13 全球购物
铭宣海淘转运:美国、日本、英国转运等全球转运公司
2019/09/10 全球购物
欧姆龙医疗保健与医疗产品:Omron Healthcare
2020/02/10 全球购物
SAZAC的动物连体衣和动物睡衣:Kigurumi Shop
2020/03/14 全球购物
视光学专业毕业生推荐信
2013/10/28 职场文书
个人实用的自我评价范文
2013/11/23 职场文书
银行行长竞聘演讲稿
2014/04/23 职场文书
志愿者活动总结范文
2014/04/26 职场文书
农村文化活动总结
2014/08/28 职场文书
个人对照检查材料思想汇报(四风问题)
2014/09/25 职场文书
2015年大班保育员工作总结
2015/05/18 职场文书
Node.js实现断点续传
2021/06/23 Javascript
zabbix 代理服务器的部署与 zabbix-snmp 监控问题
2022/07/15 Servers
win10电脑关机快捷键是哪个 win10快速关机的几种方法
2022/08/14 数码科技