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 相关文章推荐
用JS操作FRAME中的IFRAME及其内容的实现代码
Jul 26 Javascript
Mootools 1.2教程 函数
Sep 15 Javascript
javascript开发技术大全-第1章javascript概述
Jul 03 Javascript
jquery使用jquery.zclip插件复制对象的实例教程
Dec 04 Javascript
Javascript writable特性介绍
Feb 27 Javascript
微信小程序之网络请求简单封装实例详解
Jun 28 Javascript
Vue2.0子同级组件之间数据交互方法
Feb 28 Javascript
React 组件中的 bind(this)示例代码
Sep 16 Javascript
小谈angular ng deploy的实现
Apr 07 Javascript
vue.js实现双击放大预览功能
Jun 23 Javascript
原生js实现拖拽移动与缩放效果
Aug 24 Javascript
vue中echarts的用法及与elementui-select的协同绑定操作
Nov 17 Vue.js
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
我的论坛源代码(八)
2006/10/09 PHP
抓取并下载CSS中所有图片文件的php代码
2011/09/26 PHP
jquery显示和隐藏div特效实例
2013/02/27 Javascript
jQuery基于$.ajax设置移动端click超时处理方法
2016/05/14 Javascript
js入门之Function函数的使用方法【新手必看】
2016/11/22 Javascript
vue.js的安装方法
2017/05/12 Javascript
jQuery选取所有复选框被选中的值并用Ajax异步提交数据的实例
2017/08/04 jQuery
Angular 4根据组件名称动态创建出组件的方法教程
2017/11/01 Javascript
JS实现利用两个队列表示一个栈的方法
2017/12/13 Javascript
swiper自定义分页器使用方法详解
2020/09/14 Javascript
解决低版本的浏览器不支持es6的import问题
2018/03/09 Javascript
解析Json字符串的三种方法日常常用
2018/05/02 Javascript
jQuery AJAX 方法success()后台传来的4种数据详解
2018/08/08 jQuery
jQuery实现动画、消失、显现、渐出、渐入效果示例
2018/09/06 jQuery
浅谈Vue数据响应
2018/11/05 Javascript
bootstrap Table实现合并相同行
2019/07/19 Javascript
Vue 实现输入框新增搜索历史记录功能
2019/10/15 Javascript
Vue+element+cookie记住密码功能的简单实现方法
2020/09/20 Javascript
python多线程编程方式分析示例详解
2013/12/06 Python
详解Python发送邮件实例
2016/01/10 Python
详解Python 模拟实现生产者消费者模式的实例
2017/08/10 Python
Python探索之创建二叉树
2017/10/25 Python
python selenium 查找隐藏元素 自动播放视频功能
2019/07/24 Python
python实现邮件发送功能
2019/08/10 Python
python list数据等间隔抽取并新建list存储的例子
2019/11/27 Python
Python实现打包成库供别的模块调用
2020/07/13 Python
Python爬取某平台短视频的方法
2021/02/08 Python
Oakley官网:运动太阳镜、雪镜和服装
2016/09/30 全球购物
Sport-Thieme荷兰:购买体育用品
2019/08/25 全球购物
恶搞卫生巾广告词
2014/03/18 职场文书
幼儿园大班教师个人工作总结
2015/02/05 职场文书
会计工作自我鉴定范文
2019/06/21 职场文书
话题作文之呼唤
2019/12/18 职场文书
详解MySQL多版本并发控制机制(MVCC)源码
2021/06/23 MySQL
缓存替换策略及应用(以Redis、InnoDB为例)
2021/07/25 Redis
OpenCV实现反阈值二值化
2021/11/17 Java/Android