编程 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实现unicode和字符的互相转换

Jul 18 Javascript

setTimeout和setInterval的区别你真的了解吗?

Mar 31 Javascript

JS中判断JSON数据是否存在某字段的方法

Mar 07 Javascript

jquery队列函数用法实例

Dec 16 Javascript

javascript等号运算符使用详解

Apr 16 Javascript

JS实现点击复选框将按钮或文本框变为灰色不可用的方法

Aug 11 Javascript

基于jQuery倾斜打开侧边栏菜单特效代码

Sep 15 Javascript

jQuery密码强度检测插件passwordStrength用法实例分析

Oct 30 Javascript

使用jQuery实现Web页面换肤功能的要点解析

May 12 Javascript

JS实现登录页密码的显示和隐藏功能

Dec 06 Javascript

vue 中基于html5 drag drap的拖放效果案例分析

Nov 01 Javascript

js仿京东放大镜效果

Aug 09 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