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编写trim()函数及正则表达式的运用
Oct 24 Javascript
javascript获取所有同类checkbox选项(实例代码)
Nov 07 Javascript
jQuery中Nicescroll滚动条插件的用法
Nov 10 Javascript
利用jQuery插件imgAreaSelect实现获得选择域的图像信息
Dec 02 Javascript
JS数字千分位格式化实现方法总结
Dec 16 Javascript
js实现自动轮换选项卡
Jan 13 Javascript
vue实现一个移动端屏蔽滑动的遮罩层实例
Jun 08 Javascript
JavaScript深入V8引擎以及编写优化代码的5个技巧
Jun 24 Javascript
vue项目页面嵌入代码块vue-prism-editor的实现
Oct 30 Javascript
JavaScript ES 模块的使用
Nov 12 Javascript
vue下拉刷新组件的开发及slot的使用详解
Dec 23 Vue.js
手写Spirit防抖函数underscore和节流函数lodash
Mar 22 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
Apache下禁止php文件被直接访问的解决方案
2013/04/25 PHP
php的数组与字符串的转换函数整理汇总
2013/07/18 PHP
PHP中判断变量为空的几种方法分享
2013/08/26 PHP
PHP中实现Bloom Filter算法
2015/03/30 PHP
ECSHOP在PHP5.5及高版本上报错的解决方法
2015/08/31 PHP
带你了解PHP7 性能翻倍的关键
2015/11/19 PHP
理清PHP在Linxu下执行时的文件权限方法
2017/06/07 PHP
JavaScript 笔记二 Array和Date对象方法
2010/05/22 Javascript
使用JavaScript实现网页版Pongo设计思路及源代码分享
2014/06/16 Javascript
jQuery截取指定长度字符串的实现原理及代码
2014/07/01 Javascript
Vue.js动态组件解析
2016/09/09 Javascript
jQuery查找节点方法完整实例
2016/09/13 Javascript
JavaScript 闭包机制详解及实例代码
2016/10/10 Javascript
jquery滚动条插件(可以自定义)
2016/12/11 Javascript
JS中实现隐藏部分姓名或者电话号码的代码
2018/07/17 Javascript
JavaScript模拟实现自由落体效果
2018/08/28 Javascript
jQuery实现获取及设置CSS样式操作详解
2018/09/05 jQuery
python通过urllib2获取带有中文参数url内容的方法
2015/03/13 Python
Django中更新多个对象数据与删除对象的方法
2015/07/17 Python
python类的方法属性与方法属性的动态绑定代码详解
2017/12/27 Python
Python爬虫实现百度图片自动下载
2018/02/04 Python
django从请求到响应的过程深入讲解
2018/08/01 Python
python GUI库图形界面开发之PyQt5下拉列表框控件QComboBox详细使用方法与实例
2020/02/27 Python
Python HTMLTestRunner测试报告view按钮失效解决方案
2020/05/25 Python
python能开发游戏吗
2020/06/11 Python
django前端页面下拉选择框默认值设置方式
2020/08/09 Python
详解Python GUI编程之PyQt5入门到实战
2020/12/10 Python
python爬虫线程池案例详解(梨视频短视频爬取)
2021/02/20 Python
HTML5地理定位实例
2014/10/15 HTML / CSS
澳大利亚快时尚鞋类市场:Billini
2018/05/20 全球购物
Yankee Candle官网:美国最畅销蜡烛品牌之一
2020/01/05 全球购物
什么是.net
2015/08/03 面试题
销售目标责任书
2014/07/23 职场文书
办理房产证委托书
2014/09/18 职场文书
2016道德模范先进事迹材料
2016/02/26 职场文书
jackson json序列化实现首字母大写,第二个字母需小写
2021/06/29 Java/Android