<style type="text/css">
.div_class{position:relative; display: inline-block; background-color:gray; border:1px solid red; width:30px; height:30px; margin-left:5px; cursor:pointer;}
.div_class:hover{background-color:green;}
</style>
<body>
<script>
var arr = ["raz","dva","tri"]
for(i=0; i<arr.length; i++){
var box_div = document.createElement('div');
box_div.className='div_class';
document.body.appendChild(box_div);
addHandler.call(box_div, arr[i]);
}
function addHandler(num) {
this.onmouseup=function(){alert(num);};
};
</script>
Не буду претендавать на то что мое решение самое верное.