• Connect_logo_6.png 退出
    前端视频教程 小程序 众筹源码 python 商城源码 商城模板 响应式模板 中文模板 手机模板 企业源码
    充值

    jQuery动画弹出放大相册图片预览插件

    作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2018-05-12
    一款很大气的jQuery动画弹出放大相册图片预览插件,带有多种不同的弹出动画效果,鼠标滑过动画效果也不错。


    js代码

    <script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>
    <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>
    

    北京11选5app下载