jQuery鼠标hover眩光聚焦图片相册代码,眩光层响应式跟随鼠标走动效果,鼠标指针移至哪张图片,眩光层就在哪张图片上面。
js代码
<script>
$(function(){
$('.box').bind('mouseover',function(){
var oPosition=$(this).position();
var oThis=$(this)
$('.boxBor').queue('fnHide');
if($(".boxBor").attr('deta-switch')!=='true'){
$(".boxBor").attr('deta-switch','true');
$(".boxBor").css({
width:'100%',
height:$(window).height(),
left:'0px',
top:'0px',
opacity:0,
display:'block'
})
}
$(".boxBor").stop(false,false).animate({
opacity:1,
left:oPosition.left+10,
top:oPosition.top+10,
width:oThis.width(),
height:oThis.height()
},250)
})
})
</script>
系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791