div走马灯 - A8源码实例

基本信息

源码名称：div走马灯

源码大小：0.84KB

文件格式：.html

开发语言：CSS

更新时间：2021-03-09

友情提示：（无需注册或充值，赞助后即可获取资源下载链接）

嘿，亲！知识可是无价之宝呢，但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下，绝对物超所值哦！如有下载和支付问题，请联系我们QQ(微信同号)：78630559

本次赞助数额为： 2 元　

源码介绍

div走马灯

换行
	<html>
	<head>
	<meta charset="utf-8">
	<title>简单循环变色4102</title>
	<style>
	#a>div{
	width:100px;
	height:100px;
	float:left;
	}
	</style>
	</head>
	<body>
	<div id="a">
	<div></div>
	<div></div>
	<div></div>
	<div></div>
	<div></div>
	<div></div>
	<div></div>
	<div></div>
	<div></div>
	<div></div>
	</div>
	<script>
	function $(id){
	return (document.getElementById(id));
	}
	var int = setInterval("clock()",500);
	function clock(){
	for (var i = 0; i < $('a').children.length-1; i ){
	$('a').children[i].style["background-color"] = $('a').children[i 1].style["background-color"];
	}
	$('a').children[$('a').children.length-1].style["background-color"]='rgb(' Math.floor(Math.random()256) ',' Math.floor(Math.random()256) ',' Math.floor(Math.random()*256) ')';
	}
	</script>
	</body>
	</html>