用for循环做出一些效果
<!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> <style> div{ width: 50px; height: 50px; line-height: 50px; text-align: center; border: 1px solid red; background: red; position: absolute; } </style> <script> window.onload = function(){ var oDiv = document.getElementsByTagName('div'); for(var i=0;i<20;i++){ document.body.innerHTML +='<div>'+i+'</div>'; } for (var i = 0; i < oDiv.length+1; i++) { j = oDiv.length - i; if(i<10){ oDiv[i].style.left = 50*i+'px'; oDiv[i].style.top = 50*i+'px'; }else{ oDiv[i].style.left = 50*i+'px'; oDiv[i].style.top = 50*j+'px'; } } }; </script> </head> <body> </body> </html>