javascript 上下banner替换具体实现

 更新时间:2013年11月14日 16:39:50   作者:  
这篇文章介绍了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>

相关文章

  • 七种JS实现数组去重的方式

    七种JS实现数组去重的方式

    这篇文章主要介绍了七种JS实现数组去重的方式,下面文章以JS数组去重的相关资料展开全文内容,具有一定的参考价值,需要的小伙伴可以参考一下
    2021-12-12
  • JavaScript数组去重的6个方法

    JavaScript数组去重的6个方法

    本篇文章主要介绍了JavaScript数组去重的6个方法。具有一定的参考价值,下面跟着小编一起来看下吧
    2017-01-01
  • JavaScript 获取 URL 中参数值的方法

    JavaScript 获取 URL 中参数值的方法

    本文将详细介绍几种在 JavaScript 中获取 URL 参数值的方法,包括现代浏览器支持的 URLSearchParams、正则表达式解析以及自定义函数解析方案,并讨论各自的优缺点及适用场景,感兴趣的朋友一起看看吧
    2025-04-04
  • H5唤醒APP实现方法及注意点总结

    H5唤醒APP实现方法及注意点总结

    目前通过H5页面唤起App的场景十分常见,比如常见的分享功能,这篇文章主要给大家介绍了关于H5唤醒APP实现方法及注意点的相关资料,需要的朋友可以参考下
    2021-06-06
  • javascript 自动标记来自搜索结果页的关键字

    javascript 自动标记来自搜索结果页的关键字

    使用javascript自动标记来自搜索结果页的关键字的实现代码。
    2010-01-01
  • 在微信小程序中使用图表的方法示例

    在微信小程序中使用图表的方法示例

    这篇文章主要介绍了在微信小程序中使用图表的方法示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-04-04
  • javascript 数据存储的常用函数总结

    javascript 数据存储的常用函数总结

    这篇文章主要介绍了javascript 数据存储的常用函数总结的相关资料,需要的朋友可以参考下
    2017-06-06
  • canvas实现探照灯效果

    canvas实现探照灯效果

    本文介绍了使用clip()方法实现一个探照灯效果的实例,具有很好的参考价值,下面跟着小编一起来看下吧
    2017-02-02
  • js html实现计算器功能

    js html实现计算器功能

    这篇文章主要为大家详细介绍了js html实现计算器功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-11-11
  • javascript+html5+css3自定义提示窗口

    javascript+html5+css3自定义提示窗口

    这篇文章主要为大家详细介绍了javascript+html5+css3自定义提示窗口,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-06-06

最新评论