图片特殊部分渐隐分提示框

jquery做的图片特殊部分渐隐分提示框,希望有用。呵呵。有的时候图片需要这个呢!!!

大家如果可以举一反三的话。那就更OK啦。。嘿嘿。

<script type=”text/javascript”>
//->
$(function(){
function lightAreaBox(){
$(“.lightAreaBox .lightbox”).delay(500,”lightArea”).queue(“lightArea”, function(next){
$(this).stop(true,false).animate({opacity: 1},{duration: 1000, queue: false}).delay(2000).animate({opacity: 0},1000);
next();
}).dequeue(“lightArea”);

$(“.lightAreaBox”).each(function(i){
$(this).hover(function(){
$(this).find(“.lightbox”).stop(true,false).animate({opacity:1},500);
$(this).find(“.lightAreaContent”).show().stop(true,false).animate({opacity: 1},500);
},function(){
$(this).find(“.lightbox”).stop(true,false).animate({opacity:0},500);
$(this).find(“.lightAreaContent”).stop(true,false).animate({opacity: 0},500,function(){
$(this).hide();
});
});
});
};
lightAreaBox();
});
//->
</script>

查看demo