JQery渐变图片导航效果代码漂亮_jquery

图片如上。下载图片试试。效果不错哦。JS就直接连接远程就可以了

代码复用性差。希望高手指点下，应该怎么样才好
代码如下:







$(document).ready(function()
{
var datacss=["home","game","zine","community","calendar","participate"];
for(var i=0;i{
$("#"+datacss[i]).append("");
$("."+datacss[i]).css('opacity', 0);
$("#"+datacss[i]).hover(
function()
{
$("."+this.id).stop().animate({opacity: '1'},800);
},
function()
{
$("."+this.id).stop().animate({opacity: '0'},800);
});
}
});