Ну по диагонали тоже не так сложно:
<style type="text/css">
div {
background: blue;
position: absolute;
color: white;
text-align: center;
width: 50px;
height: 50px;
}
</style>
<script type="text/javascript">
window.onload = function(){
var i = 0;
(function(){
if(++i <= 100){
var element = document.getElementsByTagName('div')[0];
element.style.cssText = 'top:'+i+'px; left:'+i+'px';
setTimeout(arguments.callee, 10);
}
})();
};
</script>
<div></div>