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 相关文章推荐
document 和 document.all 分别什么时候用
Jun 22 Javascript
jQuery LigerUI 使用教程表格篇(1)
Jan 18 Javascript
浅析ajax请求json数据并用js解析(示例分析)
Jul 13 Javascript
jQuery 中国省市两级联动选择附图
May 14 Javascript
弹出遮罩层后禁止滚动效果【实现代码】
Apr 29 Javascript
Vue.js学习笔记之 helloworld
Aug 14 Javascript
jQuery展示表格点击变色、全选、删除
Jan 05 Javascript
最全正则表达式总结:验证QQ号、手机号、Email、中文、邮编、身份证、IP地址等
Aug 16 Javascript
详解js访问对象的属性和方法
Oct 25 Javascript
vue-video-player 解决微信自动全屏播放问题(横竖屏导致样式错乱问题)
Feb 25 Javascript
浅谈JavaScript中的“!!”作用
Aug 03 Javascript
JavaScript原型链中函数和对象的理解
Jun 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
php jquery 实现新闻标签分类与无刷新分页
2009/12/18 PHP
php checkbox复选框值的获取与checkbox默认值输出方法
2010/05/15 PHP
php实现的mongodb操作类实例
2015/04/03 PHP
PHP使用Redis长连接的方法详解
2018/02/12 PHP
PHP使用mongoclient简单操作mongodb数据库示例
2019/02/08 PHP
js小技巧--自动隐藏红叉叉
2007/08/13 Javascript
获得所有表单值的JQuery实现代码[IE暂不支持]
2012/05/24 Javascript
js+xml生成级联下拉框代码
2012/07/24 Javascript
jquery实现checkbox 全选/全不选的通用写法
2014/02/22 Javascript
form.submit()不能提交表单的错误原因及解决方法
2014/10/13 Javascript
最流行的Node.js精简型和全栈型开发框架介绍
2015/02/26 Javascript
jQuery计算文本框字数及限制文本框字数的方法
2016/03/01 Javascript
JS判断字符串字节数并截取长度的方法
2016/03/05 Javascript
js字符串引用的两种方式(必看)
2016/09/18 Javascript
详解JavaScript时间处理之几个月前或几个月后的指定日期
2016/12/21 Javascript
JS中append字符串包含onclick无效传递参数失败的解决方案
2016/12/26 Javascript
jQuery插件FusionCharts实现的MSBar3D图效果示例【附demo源码】
2017/03/23 jQuery
Angularjs自定义指令Directive详解
2017/05/27 Javascript
在vue中v-bind使用三目运算符绑定class的实例
2018/09/29 Javascript
javascrpt密码强度校验函数详解
2020/03/18 Javascript
vue实现div单选多选功能
2020/07/16 Javascript
vue 组件简介
2020/07/31 Javascript
[01:08:44]NB vs VP 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
python实现简单socket程序在两台电脑之间传输消息的方法
2015/03/13 Python
python通过imaplib模块读取gmail里邮件的方法
2015/05/08 Python
Python实现爬虫设置代理IP和伪装成浏览器的方法分享
2018/05/07 Python
解决Django migrate No changes detected 不能创建表的问题
2018/05/27 Python
python实现可视化动态CPU性能监控
2018/06/21 Python
Python3内置模块random随机方法小结
2019/07/13 Python
python实现ftp文件传输功能
2020/03/20 Python
使用Nibabel库对nii格式图像的读写操作
2020/07/01 Python
Python SMTP发送电子邮件的示例
2020/09/23 Python
LocalStorage记住用户和密码功能
2017/07/24 HTML / CSS
彪马日本官网:PUMA日本
2019/01/31 全球购物
捷克玩具商店:Bambule
2019/02/23 全球购物
乌克兰在线商店的价格比较:Price.ua
2019/07/26 全球购物