javascript 上下banner替换具体实现
<!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 JSON.stringify()的使用总结
JSON是一种轻量级数据格式，可以方便地表示复杂数据结构。JSON对象有两个方法：stringify()和parse()。在简单的情况下，这两个方法分别可以将JavaScript序列化为JSON字符串，以及将JSON解析为原生JavaScript值。本文着重介绍JSON.stringify()的使用方法和注意事项。2021-05-05
任何一个对象都有一个prototype的属性，在js中可以把它记为：__proto__2012-07-07
这篇文章主要介绍了JS实现统计复选框选中个数并提示确定与取消的方法,可实现javascript针对页面复选框元素的统计与提示功能,需要的朋友可以参考下2015-07-07
TypeScript中使用getElementXXX()的示例代码
这篇文章主要介绍了TypeScript中使用getElementXXX()的示例代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-09-09
把脚本放在body中，当浏览器遇见<script>标签时， 浏览器不知道脚本会插入文本还是html标签，因此浏览器会停止分析html页面而去执行脚本。2010-04-04
这篇文章主要介绍了使用Mock.js生成前端测试数据，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-12-12
这篇文章主要介绍了微信小程序实现给嵌套template模板传递数据的方式,结合实例形式总结分析了微信小程序嵌套template模板的定义、调用、参数传递及相关使用技巧,需要的朋友可以参考下2017-12-12
这篇文章主要介绍了JS实现探测网站链接的方法,通过网站返回错误响应触发onerror时间来判断网站链接的可用性，非常简便实用,需要的朋友可以参考下2016-11-11
这篇文章主要介绍了JavaScript判断是否为数字的4种方法及效率比较,本文直接给出判断方法实现代码及运行效率效果图,方便大家选择使用,需要的朋友可以参考下2015-04-04
本篇文章主要是对js中浮点型运算BUG的解决方法进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-01-01
最新评论