网页上有4个层让它们定时连续显示(注:当其中一个显示时其他的都不显示)

最新推荐文章于 2024-09-05 11:49:00 发布
最新推荐文章于 2024-09-05 11:49:00 发布
阅读量99 收藏
点赞数
文章标签： xhtml javascript ViewUI

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xh ... [/quote]


[code] <!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>无标题文档</title>
<body>
</head>
<div id="a1" style="border:1px solid #003366; visibility:collapse">11111111</div>
<div id="a2" style="border:1px solid #003366; visibility:collapse">22222222</div>
<div id="a3" style="border:1px solid #003366; visibility:collapse">33333333</div>
<div id="a4" style="border:1px solid #003366; visibility:collapse">44444444</div>

<script type="text/javascript">
function $(str) {return document.getElementById(str);}

var i=1,sid,sid2
function s()
{
 for(c=1;c<=4;c++)
 {
  sid = 'a'+i;
  sid2 = 'a'+c;
  if (sid2==sid)
  {
   $(sid2).style.display='block';
  }
  else
  {
   $(sid2).style.display='none';
  }
 }
 if (i>=4)
 {
  i=1;
 }
 else
 {
  i++;
 }
}
setInterval("s()",2000);
</script>

weixin_34185512
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
2021JavaScript面试题（最新）不定时更新（2021.11.6更新）
m0_54883970的博客
08-01 600
*构造函数原型**每一个构造函数的内部都有一个prototype属性，这个属性时一个指针，指向另一个对象，这个对象包含了可以由该构造函数的所有实例共享的属性和方法。**对象原型**当我们使用构造函数新建一个对象后，在这个对象的内部将包含一个指针，这个指针指向构造函数的prototype属性对应的值，这个指针称为对象的原型。原型链闭包是指有权访问另一个函数作用域中变量的函数，创建闭包的最常见的方式就是在一个函数内创建另一个函数，创建的函数可以访问到当前函数的局部变量。闭包的用途}而通过。...
消息中间件之二：kafka详解
企业实战系列集 ●●● https://ximenjianxue.blog.csdn.net
09-02 630
概述 Kafka是一种分布式的，基于发布/订阅的消息系统。 整理中……
显示第一个view, 延迟三秒再显示第二个view，使用java的定时器timer实现 需要启动两个activity
山沟沟里有大牛
02-23 2588
package com.flybull.funcheader;import java.util.Timer;import android.app.Activity;import android.content.Intent;import android.os.Bundle;import android.widget.TextView;public class FuncHeader extends Activity {    /** Called when the activity is first crea
轮播图出于需要隐藏后，当切回轮播图页面，会出现下面计数的数字与图片播放顺序不一致的问题...
weixin_30938149的博客
05-04 195
目前 只搜索到 用 $("img wraper").stop(true,true).放在移动函数开始的开头，来解决。大概是因为浏览器缓存的问题。我会持续跟进。JS原理。晚安。 我擦，今天从新看了一下，没有解决问题啊！！！ 今天在大巴上想了一下，很快就想到了解决的逻辑思路。想做出京东1F 的第一页面有轮播图，第二及以后的没有，所以当鼠标滑到其他模块上时只需要停止 定时器，再在滑到第一个时开启定时...
js图片显示隐藏
aoyin1017的博客
08-18 214
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>js图片显示隐藏</title> 6 <script> 7 window...
简单动画的实现、三维图形变换
12-20
图形的移动：显示两个图形,然后移动其中一个图形.当被移动的图形超出屏幕范围时,输出错误信息“Coordinate out of range”并结束。
linux必学的60个命令
m0_67394230的博客
03-08 6222
Linux提供了大量的命令，利用它可以有效地完成大量的工 作，如磁盘操作、文件存取、目录操作、进程管理、文件权限设定等。所以，在Linux系统上工作离不开使用系统提供的命令。要想真正理解Linux系统， 就必须从Linux命令学起，通过基础的命令学习可以进一步理解Linux系统。 不同Linux发行版的命令数量不一样，但Linux发行版本最少的命令也有200多个。这里笔者把比较重要和使用频率最多的命令，按照它们在系统中的作用分成下面六个部分一一介绍。 ◆ 安装和登录命令：login、shutdown、hal
读书笔记：PHP和MySQL高性能应用开发 （2019.2.20-2019.3.4）
通往架构师的成长学习之路
03-04 750
1.emtpy、isset、is_null的区别 isset()检测一个变量是否已声明且值不为NULL，并且声名一个变量没有赋值也算false,但是空字符串或者空格为true empty()用来检测一个变量是否为空，当变量为空字符串、false、空数组、null、0、‘’以及被unset删除后的变量 is_null()判断变量内容是否是null，是isset()函数的反函数，区别是i...
这个疯子整理的十万字Java面试题汇总，终于拿下40W offer！（JDK源码+微服务合集+并发编程+性能优化合集+
m0_67401134的博客
07-23 2355
Spring框架是一个为Java应用程序的开发提供了综合、广泛的基础性支持的Java平台。Spring帮助开发者解决了开发中基础性的问题,使得开发人员可以专注于应用程序的开发。Spring框架本身亦是按照设计模式精心打造,这使得我们可以在开发环境中安心的集成Spring框架,不必担心Spring是如何在后台进行工作的。Spring框架至今已集成了20多个模块。这些模块主要被分如下图所示的核心容器、数据访问/集成,、Web、AOP(面向切面编程)、工具、消息和测试模块。...
计算机图形学的五种图形变换源码
11-22
计算机图形学的五种图形变换源码计算机图形学的五种图形变换源码
mfc期末作业
11-02
1. 编写一个平面绘图板程序，程序运行时主框架上有“文件”、 “绘图”、“绘图设置”、和“帮助”四个菜单。“文件”菜单中包含创建位图、打开位图文件、存储和退出选项；“绘图”菜单中包含直线、圆形、矩形、三角形等菜单选项；“绘图设置”菜单中包含画笔颜色选择、画笔宽度选择选项；“帮助”菜单中包含帮助和关于选项。“创建位图”在用户窗口内创建一个新的位图；“打开位图文件”在用户窗口内打开一个已存在的位图；“存储”可以把编辑后的位图保存在磁盘文件中。“绘图”菜单用以在打开的位图中绘制图形，单击直线时，可以用鼠标左键在窗口内任意选取两个位置，然后用直线相连；单击“圆形”、“矩形”和“三角形”菜单项时，系统在“画图”菜单后建立一个相应的动态菜单，菜单中包括“绘制图形”、“移动图形”、“放大”、“缩小”、“重绘”等选项。当单击“绘制图形”时，利用“右箭头”键可以将图形长度增大；单击“左箭头”键时可以将图形长度减小；单击“下箭头”键时，可以将图形的高度增大；单击“上箭头”键时，可以将图形的高度减小。当选择“移动图形”时，单击箭头键，可以将图形向相应方向移动。单击“放大”、“缩小”选项时，可以将图形放大或缩小。单击“重绘”菜单选项时，重新开始绘制图形。“绘图设置”菜单用来改变绘图时画笔的颜色和线宽。帮助菜单的帮助选项提供在线帮助（主要是各菜单项的说明）；关于选项则打开一个对话框显示如下文本： 软件开发技术（2012）期末作业
jquery完成图片的隐藏和显示
apurelotus的博客
04-22 2353
3个图片，id是pic1，pic2，pic3。没有css样式。 需要jquery，使用toggle()。 js代码： $(document).ready(function(){ $("#pic1").click(function(){ $("#pic2").toggle(); $("#pic3").toggle(); }); $("#pic2").click(f
自动隐藏显示的Title栏
riqthen的博客
05-22 907
&amp;amp;amp;amp;amp;lt;android.support.design.widget.CoordinatorLayout android:layout_width=&amp;amp;amp;amp;quot;match_parent&amp;amp;amp;amp;quot; android:layout_height=&amp;amp;amp;amp;quot;match_parent&amp;amp;amp;amp;quot;
Jquery实现图片的显示和隐藏
chenlang02的博客
08-05 4599
在页面加载时图片是不可见的，点击页面中的内容实现图片的显示，再次点击则图片会消失 直接上代码：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>图片的隐藏和显示</title> <style type="text/css"> .div{
html隐藏和显示功能
iteye_5218的博客
12-20 957
       最近做的表单需用a标签做一个单选功能并且再点击选项时要在标签后显示对勾图片，并且在点击其它选项时先点击的选项后面的对勾图片要消失。所以就用用到了标签的隐藏与显示问题。       首先在a标签选项后加上对勾图片。 %a123 %img{id="one", src="**/**/**.jpg",style="none"} %a456 %img{ id="two",src=...
div 一段时间后自动隐藏
weixin_34349320的博客
06-28 380
一、div弹出后自动消失 　　这里并没有删除 　　setTimeout(function(){$(".alert").hide();},2000); 　　直接在js文件中需要的地方添加执行这段代码，2000即是2000ms，2s。setTimeout是一个windows事件（概念待考）。 二、div删除 　　setTimeout(function(){$(".alert").remove...
第二百一十六节 JSF教程 - JSF基本标签、JSF表单文本框示例
最新发布
2301_78772942的博客
09-05 491
第二百一十六节 JSF教程 - JSF基本标签、JSF表单文本框示例
html设计一个网页，有留言板能实时显示留言，有时间戳，有小游戏
08-09
当设计一个包含留言板和小游戏的网页时，我们可以使用HTML来构建整个网页的框架，并使用其他前端技术来实现实时显示留言和提供小游戏的功能。 首先，在HTML中创建一个包含留言板和小游戏的页面结构。可以使用div...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值