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 相关文章推荐
TFDN图片播放器 不错自动播放
Oct 03 Javascript
Javascript 获取LI里的内容
Dec 17 Javascript
javascript firefox 自动加载iframe 自动调整高宽示例
Aug 27 Javascript
jQuery同步提交示例代码
Dec 12 Javascript
js实现图片上传并正常显示
Dec 19 Javascript
JavaScript使用简单正则表达式的数据验证功能示例
Jan 13 Javascript
JavaScript实现瀑布流以及加载效果
Feb 11 Javascript
用vue的双向绑定简单实现一个todo-list的示例代码
Aug 03 Javascript
基于Bootstrap table组件实现多层表头的实例代码
Sep 07 Javascript
Angularjs按需查询实例代码
Oct 30 Javascript
vue.js实现二级菜单效果
Oct 19 Javascript
Vue使用vue-draggable 插件在不同列表之间拖拽功能
Mar 12 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流量统计功能的实现代码
2012/09/29 PHP
ThinkPHP的L方法使用简介
2014/06/18 PHP
PHP计算百度地图两个GPS坐标之间距离的方法
2015/01/09 PHP
PHP使用递归方式列出当前目录下所有文件的方法
2015/06/02 PHP
PHP简单读取PDF页数的实现方法
2016/07/21 PHP
php中分页及SqlHelper类用法实例
2017/01/12 PHP
PHP实现上传多图即时显示与即时删除的方法
2017/05/09 PHP
浅谈laravel框架sql中groupBy之后排序的问题
2019/10/17 PHP
php使用goto实现自动重启swoole、reactphp、workerman服务的代码
2020/04/13 PHP
提高NodeJS中SSL服务的性能
2014/07/15 NodeJs
jquery JSON的解析方式示例介绍
2014/07/27 Javascript
JS实现统计复选框选中个数并提示确定与取消的方法
2015/07/01 Javascript
微信小程序 WXML、WXSS 和JS介绍及详解
2016/10/08 Javascript
学习使用bootstrap的modal和carousel
2016/12/09 Javascript
原生js编写2048小游戏
2017/03/17 Javascript
dropload.js插件下拉刷新和上拉加载使用详解
2017/10/20 Javascript
Vue循环组件加validate多表单验证的实例
2018/09/18 Javascript
node.js中对Event Loop事件循环的理解与应用实例分析
2020/02/14 Javascript
viewer.js一个强大的基于jQuery的图像查看插件(支持旋转、缩放)
2020/04/01 jQuery
Vue-cli打包后部署到子目录下的路径问题说明
2020/09/02 Javascript
Python程序设计入门(1)基本语法简介
2014/06/13 Python
Centos Python2 升级到Python3的简单实现
2016/06/21 Python
Python代码太长换行的实现
2019/07/05 Python
python3调用windows dos命令的例子
2019/08/14 Python
python 类之间的参数传递方式
2019/12/20 Python
使用celery和Django处理异步任务的流程分析
2020/02/19 Python
沪江旗下的海量优质课程平台:沪江网校
2017/11/07 全球购物
瑞典香水、须后水和美容产品购物网站:Parfym-Klick.se
2019/12/29 全球购物
递归实现回文判断(如:abcdedbca就是回文,判断一个面试者对递归理解的简单程序)
2013/04/28 面试题
事业单位公务员的职业生涯规划
2014/01/15 职场文书
县委务虚会发言材料
2014/10/20 职场文书
2014年教育实习工作总结
2014/11/22 职场文书
2016年全国助残日活动总结
2016/04/01 职场文书
php引用传递
2021/04/01 PHP
Django rest framework如何自定义用户表
2021/06/09 Python
win10清理dns缓存
2022/04/19 数码科技