JavaScript 学习笔记之一jQuery写法图片等比缩放以及

日期:2020-01-12编辑作者:北京pk赛车网站-web前端

JavaScript 学习笔记之生龙活虎jQuery写法图片等比缩放以至预加载 在此以前对于JavaScript总是在行使的时候在页面上写多少个函数,基本没思忖到函数的包装与录取,前段时间有个系列大概对此那下边必要有个别高,所以就切磋了下相仿jQuery的卷入。 这里就图片等比缩放甚至预加载的职能来品尝下,写写相仿的JavaScript代码。 图片等比缩放以致预加载的作用如下: JS主要代码如下: 复制代码 代码如下: { var yQuery = { var yQuery = function(卡塔尔国 { return yQuery.fn.init(卡塔尔; }; yQuery.fn = yQuery.prototype = { init: function(卡塔尔 { return this; }, //图片等比缩放以至预加载方法发明 不过感到那样写(return new imgResizeBox很别扭 请大师赐教 imgResize: function { return new imgResizeBox; } }; //image图片管理 var imgResizeBox = function { //image参数 setting = { imgId: "", //图片的容器的ID 比方.viewArea img height: 0, width: 0, loading: "images/lightbox-ico-loading.gif" }; $.extend; //参数替换 var images = $; //获取具有图片 $; //遮掩 var loading = new Image(卡塔尔国; //预加载图片 loading.className = "loading"; loading.src = setting.loading; $.after; //预加载函数 var perLoading = function { var img = new Image(卡塔尔(قطر‎; img.src = $this.src; if { computeImg.call; return; }; img.onload = function(State of Qatar { computeImg.call; img.onload = function(卡塔尔 { }; }; }; //图片缩放管理,以至图片展现函数 var computeImg = function(卡塔尔国 { var m = this.height - setting.height; var n = this.width - setting.width; if this.height = this.height > setting.height ? setting.height : this.height; else this.width = this.width > setting.width ? setting.width : this.width; $.next; $; }; //循环调用预加载函数 return $.each { perLoading; } return yQuery; }卡塔尔国(卡塔尔; window.yQuery = window.$$ = yQuery; 调用代码如下: 复制代码 代码如下: $.ready { $$.imgResize({ imgId: ".viewArea img", height:160, width:270, loading: "" }State of Qatar; }卡塔尔国; 最终附上轻松的源码: jsDemo_jb51.rar

本文由北京pk赛车官网下载发布于北京pk赛车网站-web前端,转载请注明出处:JavaScript 学习笔记之一jQuery写法图片等比缩放以及

关键词:

1.如果我们要选择第一列并且对其样式进行改变

jQuery对表格的处理提供了相当强大的功能,比如说对表格特定行进行排序、样式改变等等。如果你的英文够好,你可...

详细>>

虽然会有这样的错误

虽然会有这样的错误,但是如果再仔细测试一下,会发现input标type属性设为button时,还是具有checked属性的,而且默认...

详细>>

原文出处

论如何在手机端web前端实现自定义原生控件的样式 2015/10/30 · HTML5 ·原生控件 原文出处:卖烧烤夫斯基    手机开发...

详细>>

连不上网?英国卫报的个性离线页面是这样做的

连不上网?英国卫报的个性离线页面是这样做的 2015/11/20 · HTML5 · ServiceWorker,离线页面 本文由 伯乐在线 -Erucy翻译,...

详细>>