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 相关文章推荐
深入学习jQuery Validate表单验证(二)
Jan 18 Javascript
jquery实现ajax加载超时提示的方法
Jul 23 Javascript
微信小程序 POST请求(网络请求)详解及实例代码
Nov 16 Javascript
smartupload实现文件上传时获取表单数据(推荐)
Dec 12 Javascript
详解vue-cli + webpack 多页面实例应用
Apr 25 Javascript
node使用promise替代回调函数
May 07 Javascript
详解create-react-app 自定义 eslint 配置
Jun 07 Javascript
Angular5集成eventbus的示例代码
Jul 19 Javascript
在vue中使用express-mock搭建mock服务的方法
Nov 07 Javascript
layui给下拉框、按钮状态、时间赋初始值的方法
Sep 10 Javascript
JS面向对象编程实现的Tab选项卡案例详解
Mar 03 Javascript
详解node.js创建一个web服务器(Server)的详细步骤
Jan 15 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
PHP中文件读、写、删的操作(PHP中对文件和目录操作)
2012/03/06 PHP
PHP结合JQueryJcrop实现图片裁切实例详解
2014/07/24 PHP
ThinkPHP查询语句与关联查询用法实例
2014/11/01 PHP
配置php.ini实现PHP文件上传功能
2014/11/27 PHP
PHP使用内置函数file_put_contents写入文件及追加内容的方法
2015/12/07 PHP
JavaScript 利用Cookie记录用户登录信息
2009/12/08 Javascript
引用 js在IE与FF之间的区别详细解析
2013/11/20 Javascript
jquery实现平滑的二级下拉菜单效果
2015/08/26 Javascript
javascript函数命名的三种方式及区别介绍
2016/03/22 Javascript
node.js中module.exports与exports用法上的区别
2016/09/02 Javascript
微信小程序手势操作之单触摸点与多触摸点
2017/03/10 Javascript
AngularJS的脏检查深入分析
2017/04/22 Javascript
vue.js实现左边导航切换右边内容
2019/10/21 Javascript
15分钟学会vue项目改造成SSR(小白教程)
2019/12/17 Javascript
Nodejs环境实现socket通信过程解析
2020/07/03 NodeJs
解决VUE自定义拖拽指令时 onmouseup 与 click事件冲突问题
2020/07/24 Javascript
[01:10:57]Liquid vs OG 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
在Python3中初学者应会的一些基本的提升效率的小技巧
2015/03/31 Python
Python使用matplotlib实现在坐标系中画一个矩形的方法
2015/05/20 Python
Python实现多并发访问网站功能示例
2017/06/19 Python
Python闭包之返回函数的函数用法示例
2018/01/27 Python
详解python OpenCV学习笔记之直方图均衡化
2018/02/08 Python
Python将文字转成语音并读出来的实例详解
2019/07/15 Python
Python使用Beautiful Soup爬取豆瓣音乐排行榜过程解析
2019/08/15 Python
python3 配置logging日志类的操作
2020/04/08 Python
Python基于Hypothesis测试库生成测试数据
2020/04/29 Python
Python实现京东抢秒杀功能
2021/01/25 Python
GNC健安喜官方海外旗舰店:美国著名保健品牌
2017/01/04 全球购物
LightInTheBox法国站:中国跨境电商
2020/03/05 全球购物
早会主持词
2014/03/17 职场文书
财务工作检讨书
2014/10/29 职场文书
珍爱生命主题班会
2015/08/13 职场文书
详解PHP设计模式之依赖注入模式
2021/05/25 PHP
使用Pytorch实现two-head(多输出)模型的操作
2021/05/28 Python
vue项目如何打包之项目打包优化(让打包的js文件变小)
2022/04/30 Vue.js
Python开发五子棋小游戏
2022/05/02 Python