HTML5中如何使两个div自动切换

HTML5中如何使两个div自动切换,第1张

可以用定时器setInterval

如果是有限的背景色切换,那把这些颜色放在一个数组里面,一秒切换一次

1234567

var arrColor=['green','red','blue']var i=0setInterval(function(){obj.style.backgroundColor=arrColor[i] if(i==arrColor.length-1) i=0 i++},1000)

如果是随机变颜色,我这里写了一个随机颜色的方法

12345678910

function randomColor() {var Str=['0','1','2','3','4','5','6','7','8','9','a','b','c','d','e','f']var color="#"for(var i=0i<6i++){var index=Math.ceil(Math.random()*Str.length)color+=Str[index]}return color}

你可以参考一下

DIV根据内容自动调整的方法有三种,分别如下:

一,增加一个清除浮动,让父容器知道高度。请注意,清除浮动的容器中有一个空格。

Html代码如下:

<divid="main"><divid="content"></div><divstyle="font: 0px/0px sans-serifclear: bothdisplay: block"></div></div>

二,增加一个容器,在代码中存在,但在视觉中不可见。

Html代码如下:

<divid="main"><divid="content"></div><divstyle="height:1pxmargin-top:-1pxclear: bothoverflow:hidden"></div></div>

三,增加一个BR并设置样式为clear:both。

Html代码如下:

<divid="main"><divid="content"></div><brstyle="clear:both"/></div>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7653661.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-08
下一篇 2023-04-08

发表评论

登录后才能评论

评论列表(0条)

保存