WordPress企业主题定制/开发/优化

JS控制两个不同DIV的内容交替显示

首页 » 精选JS » JS控制两个不同DIV的内容交替显示

JS控制两个不同DIV的内容交替显示代码：

请将下面的代码复制并保存，看效果。

<!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=gb2312" />
<title>JS控制两个不同DIV的内容交替显示</title>
</head>
<body>
<div id=demo1>
<script language="javascript">这里是想显示的内容一</script>
</div>
<div id=demo2 style="display:none;">
<script language="javascript">这里是想显示的内容二</script>
</div>
<script>
var inter;
function qswhMarquee(){
if(document.getElementById("demo1").style.display=="") {
document.getElementById("demo1").style.display="none";
document.getElementById("demo2").style.display="";}
else {
document.getElementById("demo2").style.display="none";
document.getElementById("demo1").style.display="";
} }
inter=setInterval(qswhMarquee,25000); /*设置间隔秒数*/
</script>
</body>
</html>

此文为本站原创，转载请标明出处：www.3code.cn 酷码资源

分类与标签:

精选JS

相关项目

  • WordPress外贸企业主题

  • 最近更新

  • 热门标签

    网站优化 PHP文件 wordpress企业网站 焦点图 PHP数据库操作 wordpress 插件 wordpress主题定制 PHP图片上传 广告代码 seo wordpress 外贸英文主题 wordpress函数 wordpress插件 asp文件操作 外贸网站建设 PHP 函数 ASP wordpress中文主题 ASP函数 实用代码 javascript wordpress 企业主题 Flash焦点广告 wordpress主题 CSS css 外贸SEO wp外贸企业主题 wp wordpress教程 JS图片变换 JS PHP WordPress企业模板 WORDPRESS主题技术 外贸SEO asp数据库 wordpress 外贸企业主题 wp企业主题 wordpress企业主题