مشکل باکس های رنگی در جاوا (فوری ومهم )

[esmaiil1375]

سلام.من یه کدی دریافت کردم که برای ساخت باکس های رنگی بصورت تصادفی ولی مشکل من اینجاست که میخوام وقتی روی box ها hover میشه اون باکس رنگی بشه.یا اینکه border های رنگی تصادفی ایجاد بشه. کد به صورت زیر:

<div id="container">
<div style="text-align:center;margin-right:40px;"><a href="http://alimir.ir"><img alt="دنياي وردپرس و برنامه نويسي" src="http://alimir.ir/wp-content/uploads/logo190.png" title="دنياي وردپرس" /></a></div>
<div class="box">
<li><a href="http://alimir.ir"><img alt="دنياي وردپرس و برنامه نويسي" src="wp3.png" title="دنياي وردپرس" /></a></li>
<li><a href="http://alimir.ir"><img alt="دنياي وردپرس و برنامه نويسي" src="wp3.png" title="دنياي وردپرس" /></a></li>
<li><a href="http://alimir.ir"><img alt="دنياي وردپرس و برنامه نويسي" src="wp3.png" title="دنياي وردپرس" /></a></li>
<li><a href="http://alimir.ir"><img alt="دنياي وردپرس و برنامه نويسي" src="wp3.png" title="دنياي وردپرس" /></a></li>
<li><a href="http://alimir.ir"><img alt="دنياي وردپرس و برنامه نويسي" src="wp3.png" title="دنياي وردپرس" /></a></li>
<li><a href="http://alimir.ir"><img alt="دنياي وردپرس و برنامه نويسي" src="wp3.png" title="دنياي وردپرس" /></a></li>
<li><a href="http://alimir.ir"><img alt="دنياي وردپرس و برنامه نويسي" src="wp3.png" title="دنياي وردپرس" /></a></li>
</div>
</div>
<script>
var colors = ["4D3D98", "0C8B44", "88288F", "D24827", "00A0B1"];
$('.box li').each(function(i) {
$(this).css('background-color', '#'+colors[i % colors.length]);
});

</script>
</div>

[[younes]]

لطفا کدتون رو در تگ html قرار بدهید، اصلا قابل خوندن نیست!

[esmaiil1375]

<div class="box">
<li><a href="http://alimir.ir"><img alt="دنياي وردپرس و برنامه نويسي" src="wp3.png" title="دنياي وردپرس" /></a></li>
<li><a href="http://alimir.ir"><img alt="دنياي وردپرس و برنامه نويسي" src="wp3.png" title="دنياي وردپرس" /></a></li>
<li><a href="http://alimir.ir"><img alt="دنياي وردپرس و برنامه نويسي" src="wp3.png" title="دنياي وردپرس" /></a></li>
<li><a href="http://alimir.ir"><img alt="دنياي وردپرس و برنامه نويسي" src="wp3.png" title="دنياي وردپرس" /></a></li>
<li><a href="http://alimir.ir"><img alt="دنياي وردپرس و برنامه نويسي" src="wp3.png" title="دنياي وردپرس" /></a></li>
<li><a href="http://alimir.ir"><img alt="دنياي وردپرس و برنامه نويسي" src="wp3.png" title="دنياي وردپرس" /></a></li>
<li><a href="http://alimir.ir"><img alt="دنياي وردپرس و برنامه نويسي" src="wp3.png" title="دنياي وردپرس" /></a></li>
</div>
</div>
<script>
var colors = ["4D3D98", "0C8B44", "88288F", "D24827", "00A0B1"];
$('.box li').each(function(i) {
$(this).css('background-color', '#'+colors[i % colors.length]);
});

</script>
</div>