jQuery图片动画遮罩层lightbox特效

jQuery图片动画遮罩层lightbox特效是一款使用CSS3来制作鼠标滑过图片时出现好看的遮罩层动画效果,鼠标点击图片放大的Lightbox特效代码。

js代码

 

<script type="text/javascript" src="js/jquery.magnific-popup.js"></script>
<script type="text/javascript">
	if (/iP(hone|od|ad)/.test(navigator.platform)) {
		$('*').css({
			"cursor": "pointer"
		});
	}
	$('.preloader').delay(3500).fadeOut(600);
	$(document).ready(function () {
		$('.magnificPopup__Box').magnificPopup({
			delegate: 'a',
			type: 'image',
			removalDelay: 300,
			callbacks: {
				beforeOpen: function () {
					this.st.image.markup = this.st.image.markup.replace('mfp-figure', 'mfp-figure magnificPopup__Animus');
					this.st.mainClass = this.st.el.attr('data-effect');
				}
			},
			closeOnContentClick: true,
			midClick: true
		})
	});
</script>
点击下载
RIPRO主题是一个优秀的主题,极致后台体验,无插件,集成会员系统
优富资源 » jQuery图片动画遮罩层lightbox特效
  • 1会员总数(位)
  • 927资源总数(个)
  • 0本周发布(个)
  • 0今日发布(个)
  • 3023稳定运行(天)

优富资源网 国内最专业的站长资源平台

WordPress专区 整站源码

切换

博客


全屏


顶部