web/static-dist/libs/jquery-blurr.js

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

!function(t){function e(i,r){if(s[i])return s[i].exports;var n={i:i,l:!1,exports:{}};return 0!=r&&(s[i]=n),t[i].call(n.exports,n,n.exports,e),n.l=!0,n.exports}var s={};e.m=t,e.c=s,e.d=function(t,s,i){e.o(t,s)||Object.defineProperty(t,s,{configurable:!1,enumerable:!0,get:i})},e.n=function(t){var s=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(s,"a",s),s},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="/static-dist/",e(e.s=20)}({20:function(t,e,s){t.exports=s("4b17a5c0771d6a0da2f6")},"4b17a5c0771d6a0da2f6":function(t,e){!function(t,e,s,i){function r(r,l,a){this.$el=t(r),this.settings=t.extend({},o,l),this._defaults=o,this._name=n,this.cssPrefix=null,this.tpl='<svg><defs><filter id="blrIMG{{i}}"><feGaussianBlur id="filter_1" stdDeviation="{{sharpness}}" data-filterid="1"></feGaussianBlur><feComponentTransfer><feFuncR type="linear" slope="0.8"></feFuncR><feFuncG type="linear" slope="0.8"></feFuncG><feFuncB type="linear" slope="0.8"></feFuncB></feComponentTransfer></filter></defs><image x="{{offsetX}}" y="{{offsetY}}" width="100%" height="100%" xlink:href="{{href}}" filter="url(#blrIMG{{i}})" preserveAspectRatio="xMidYMid slice"></image></svg>',this.elementCount=a,this.supportsFilter="undefined"!=typeof SVGFEColorMatrixElement&&2===SVGFEColorMatrixElement.SVG_FECOLORMATRIX_TYPE_SATURATE,this.supportsFilter=e.location.hash.length>0;var f=" -webkit- -moz- -o- -ms- ".split(" "),h={};if(_cssPrefix=function(t){if(h[t]||""===h[t])return h[t]+t;var e=s.createElement("div"),i=["","Moz","Webkit","O","ms","Khtml"];for(var r in i)if(void 0!==e.style[i[r]+t])return h[t]=i[r],i[r]+t;return t.toLowerCase()},this.support={cssfilters:function(){var t=s.createElement("div");return t.style.cssText=f.join("filter:blur(2px); "),!!t.style.length&&(s.documentMode===i||s.documentMode>9)}(),svgfilters:function(){var t=!1;try{t="undefined"!=typeof SVGFEColorMatrixElement&&2==SVGFEColorMatrixElement.SVG_FECOLORMATRIX_TYPE_SATURATE}catch(t){}return t}()},!this.support.cssfilters&&!this.support.svgfilters&&"function"==typeof this.settings.unsupportedCallback)return this.settings.unsupportedCallback.call(this);this.cssPrefix=_cssPrefix("filter");var u=s.getElementsByTagName("body")[0];e.onscroll=function(t){u.style.visibility="hidden",u.offsetHeight,u.style.visibility="visible"},this.init()}var n="blurr",o={offsetX:0,offsetY:0,sharpness:40,height:300,divBG:"#000",callback:function(){},unsupportedCallback:function(){}};t.extend(r.prototype,{init:function(){var t,e,s,i,r,n;return t=this.settings.href,e=this.settings.offsetX,s=this.settings.offsetY,i=this.settings.sharpness,r=this.settings.callback,n=this.settings.height,this.$el.data("image")&&(t=this.$el.data("image")),this.$el.data("href")&&(t=this.$el.data("href")),this.$el.data("offsetx")&&(e=this.$el.data("offsetx")),this.$el.data("offsety")&&(s=this.$el.data("offsety")),this.$el.data("sharpness")&&(i=this.$el.data("sharpness")),void 0===e&&(e=0),void 0===s&&(s=0),i=void 0===i||0===i.length||i<0||i>100?i>100?100:40:100-i,(void 0===n||0===i.length||i<0)&&(n=300),this.$el.addClass("has-blurr"),this.support.svgfilters&&!this.support.cssfilters?this.renderSVG(t,e,s,i,n,r):this.renderCSSFilter(t,e,s,i,n,r)},renderSVG:function(e,s,i,r,n,o){var l=this.tpl;l=l.replace("{{href}}",e),l=l.replace("{{offsetX}}",s),l=l.replace("{{offsetY}}",i),l=l.replace("{{sharpness}}",r),l=l.replace(/{{i}}/g,this.elementCount),t(l).appendTo(this.$el),this.$el.css({height:n,overflow:"hidden",background:"#000"}),this.$el.find("svg").css({"min-width":"110%","min-height":"110%","-webkit-transform":"translate3d(-50px, 0px, 75px) scale(1.25)",transform:"translate3d(-50px, 0px, 75px) scale(1.25)",position:"relative",right:0,left:0}),this.$el.find("div:first").css({position:"absolute",left:0,right:0,"z-index":100}),"function"==typeof o&&o.call(this,e,s,i,r)},renderCSSFilter:function(e,s,i,r,n,o){this.$el.css({height:n,overflow:"hidden",position:"relative",background:"#000"});var l;l=s&&i?s+"px "+i+"px":s&&!i?s+"px center":!s&&i?"center "+i+"px":"center center";var a=t('<div class="blurr-bg"></div>').css({background:"url("+e+")",left:0,right:0,top:-50,bottom:-50,width:this.$el.width(),"background-size":"150% auto","background-position":l,"-webkit-filter":"blur("+r+"px)","z-index":50,position:"absolute"}).prependTo(this.$el),f=this.cssPrefix;this.support.cssfilters?a[0].style[f]="blur("+r+"px)":(a[0].style[f]='progid:DXImageTransform.Microsoft.Blur(PixelRadius="100")',a.css({top:-250,left:-200,opacity:.8}),this.$el.css({background:"#fff"})),this.$el.find("> div").not(".blurr-bg").css({position:"absolute",left:0,right:0,"z-index":100})}}),t.fn[n]=function(e){return this.each(function(s){t.data(this,"plugin_"+n)||t.data(this,"plugin_"+n,new r(this,e,s))}),this}}(jQuery,window,document)}});