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

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

本文固定链接: http://www.xiaobai8.com/Blog/202.html | web前端,杭州小白的个人博客,小白的个人博客

该日志由 杭州-小白 于2011年08月07日发表在 jQuery 分类下,
原创文章转载请注明: 图片特殊部分渐隐分提示框 | web前端,杭州小白的个人博客,小白的个人博客
关键字:
【上一篇】
【下一篇】

报歉!评论已关闭.