编程 Javascript

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 类似flash效果的立体图片浏览器

Feb 08 Javascript

JavaScript实现数字数组正序排列的方法

Apr 06 Javascript

js实现二级菜单渐隐显示

Nov 03 Javascript

js改变透明度实现轮播图的算法

Aug 24 Javascript

深入理解Vue transition源码分析

Jul 30 Javascript

详解在express站点中使用ejs模板引擎

Sep 21 Javascript

vue.js中$set与数组更新方法

Mar 08 Javascript

vue 动态绑定背景图片的方法

Aug 10 Javascript

layer.open提交子页面的form和layedit文本编辑内容的方法

Sep 27 Javascript

JS回调函数深入理解

Oct 16 Javascript

JavaScript中EventBus实现对象之间通信

Oct 18 Javascript

微信小程序 WeUI扩展组件库的入门教程

Apr 21 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