此作品是一款效果非常好看的Jquery特效，实现图片遮罩动画过渡提示效果，应用范围很广，可以使用到产品展示、相册展示里面，加上了此特效就多了一类似flash实现的动画效果，利用Jquery的动画插件animate实现的。。。
核心代码如下：
$(document).ready(function() {
$(".hdpic dd a").hover(function() {
$(this).find(".picshine").stop();
$(this).find(".picshine").css("background-position", "-235px 0");
$(this).find(".picshine").animate({
backgroundPosition: '235px 0'
},
500);
$(this).find(".pictitle").stop().animate({
left: '0px'
},
{
queue: false,
duration: 450
});
},
function() {
$(this).find(".pictitle").stop().animate({
left: '-235px'
},
{
queue: false,
duration: 200
});
});
});
效果如下：
如果您觉得本作品对您的学习有所帮助：
关键字：
图片特效 图片播放 滑动插件 动画插件 提示插件 Jquery相册 QQ相册 图片遮罩效果 tip提示层