返回顶部

收藏

jquery/js 全屏背景

更多
<script type="text/javascript">
(function(a){a.backstretch=function(k,i,l){function m(c){try{f={left:0,top:0};d=e.width();b=d/j;if(b>=e.height()){g=(b-e.height())/2;h.centeredY&&a.extend(f,{top:"-"+g+"px"})}else{b=e.height();d=b*j;g=(d-e.width())/2;h.centeredX&&a.extend(f,{left:"-"+g+"px"})}a("#backstretch img").width(d).height(b).css(f)}catch(n){}typeof c=="function"&&c()}var h={centeredX:true,centeredY:true,speed:0},e="onorientationchange"in window?a(document):a(window),j,d,b,g,f;i&&typeof i=="object"&&a.extend(h,i);a(document).ready(function(){if(k){var c= a("<div />").attr("id","backstretch").css({left:0,top:0,position:"fixed",overflow:"hidden",zIndex:-9999}),n=a("<img />").css({position:"relative",display:"none"}).bind("load",function(o){var p=a(this);j=a(o.target).width()/a(o.target).height();m(function(){p.fadeIn(h.speed,function(){typeof l=="function"&&l()})})}).appendTo(c);a("body").prepend(c);n.attr("src",k);a(window).resize(m)}});return this}})(jQuery);
</script>

<script type="text/javascript">$.backstretch("images/bg1.jpg", {speed: 150});</script>

标签:javascript

收藏

0人收藏

支持

0

反对

0

相关聚客文章
  1. c君不在 发表 2018-08-13 07:13:48 Arrow function 与 bind
  2. c君不在 发表 2018-08-12 03:32:18 JavaScript this 值
  3. xiaoli.he 发表 2018-08-08 05:00:11 Html2Wxml4J 1.0 正式发布,Java 版小程序富文本解决方案
  4. linux@linux.cn (linu 发表 2018-08-06 23:10:00 测试 Node.js,2018
  5. techug 发表 2018-08-07 07:18:53 精读 The Cost of JavaScript In 2018
  6. xinlu 发表 2018-08-04 01:33:34 网站生成工具
  7. Aaron 发表 2018-08-01 16:00:00 js对textarea换行符的处理方案
  8. 张 鑫旭 发表 2018-08-01 17:09:50 万岁,浏览器原生支持ES6 export和import模块啦!
  9. techug 发表 2018-08-01 00:41:48 2018年值得关注的10大JavaScript动画库
  10. techug 发表 2018-07-31 00:41:50 如何正确使用async/await?
  11. 博主 发表 2018-07-24 06:40:34 electron初识
  12. worldask 发表 2014-09-20 17:52:09 Answer by worldask for Adding a JS script to a Lar

发表评论