jQuery鼠标hover眩光聚焦图片相册代码

来源:https://www.sucaihuo.com/js/2719.html 2017-08-13 20:08浏览(990) 收藏

jQuery鼠标hover眩光聚焦图片相册代码,眩光层响应式跟随鼠标走动效果,鼠标指针移至哪张图片,眩光层就在哪张图片上面。
jQuery鼠标hover眩光聚焦图片相册代码
分类:图片代码 > 鼠标滑过 难易:初级
查看演示 下载资源 下载积分: 20 积分

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>
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2