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 for循环设法提高性能
Feb 24 Javascript
jquery 之 $().hover(func1, funct2)使用方法
Jun 14 Javascript
javascript中方便增删改cookie的一个类
Oct 11 Javascript
《JavaScript函数式编程》读后感
Aug 07 Javascript
让你一句话理解闭包(简单易懂)
Jun 03 Javascript
Jquery与Bootstrap实现后台管理页面增删改查功能示例
Jan 22 Javascript
bootstrap表单按回车会自动刷新页面的解决办法
Mar 08 Javascript
vue.js开发实现全局调用的MessageBox组件实例代码
Nov 22 Javascript
深入理解JS的事件绑定、事件流模型
May 13 Javascript
微信小程序实现横向增长表格的方法
Jul 24 Javascript
vue router 组件的高级应用实例代码
Apr 08 Javascript
vue实现固定位置显示功能
May 30 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中判断字符串是否全是中文或含有中文的实现代码
2011/09/16 PHP
Thinkphp模板中截取字符串函数简介
2014/06/17 PHP
PHP中echo,print_r与var_dump区别分析
2014/09/29 PHP
CodeIgniter针对lighttpd服务器URL重写的方法
2015/06/10 PHP
php实现根据身份证获取精准年龄
2020/02/26 PHP
Jvascript学习实践案例(开发常用)
2012/06/25 Javascript
jQuery学习笔记(4)--Jquery中获取table中某列值的具体思路
2013/04/10 Javascript
几种设置表单元素中文本输入框不可编辑的方法总结
2013/11/25 Javascript
详解Wondows下Node.js使用MongoDB的环境配置
2016/03/01 Javascript
原生js实现autocomplete插件
2016/04/14 Javascript
Nodejs实现短信验证码功能
2017/02/09 NodeJs
Vue.js中组件中的slot实例详解
2017/07/17 Javascript
纯js实现页面返回顶部的动画(超简单)
2017/08/10 Javascript
Vee-Validate的使用方法详解
2017/09/22 Javascript
vue中使用refs定位dom出现undefined的解决方法
2017/12/21 Javascript
vue+vue-router转场动画的实例代码
2018/09/01 Javascript
Vue打包部署到Nginx时,css样式不生效的解决方式
2020/08/03 Javascript
一篇文章带你搞懂Vue虚拟Dom与diff算法
2020/08/25 Javascript
JS sort排序详细使用方法示例解析
2020/09/27 Javascript
python访问mysql数据库的实现方法(2则示例)
2016/01/06 Python
python中利用xml.dom模块解析xml的方法教程
2017/05/24 Python
python利用urllib和urllib2访问http的GET/POST详解
2017/09/27 Python
PyQt5每天必学之切换按钮
2020/08/20 Python
python 初始化一个定长的数组实例
2019/12/02 Python
Python手绘可视化工具cutecharts使用实例
2019/12/05 Python
Pycharm最常用的快捷键及使用技巧
2020/03/05 Python
去除python中的字符串空格的简单方法
2020/12/22 Python
Matlab使用Plot函数实现数据动态显示方法总结
2021/02/25 Python
有关环保的标语
2014/06/13 职场文书
德育标兵事迹材料
2014/08/24 职场文书
学校领导四风问题整改措施思想汇报
2014/10/09 职场文书
2015年学生会个人工作总结
2015/04/09 职场文书
故意伤害辩护词
2015/05/21 职场文书
2015中学政教处工作总结
2015/07/22 职场文书
sqlserver2017共享功能目录路径不可改的解决方法
2021/04/16 SQL Server
如何搭建 MySQL 高可用高性能集群
2021/06/21 MySQL