jQuery.fn.extend 用法

2018-01-11 10:55:21 340 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›
黄金清纯小王子 黄金清纯小王子 墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网 我也要 + 加入社区
MPU6050 加速度计和陀螺仪传感器与 Arduino 的接口 虽然该模型并不能准确代表现实世界中加速度计传感器的构建方式，但它通常有助于理解为什么加速度计的输出信号通常以 ±g 为单位指定，或者为什么加速度计在静止时在 z 轴上的读数为 1g，或者在不同方向上您可以期望得到什么样的加速度计读数。该模块的核心是低功耗、低成本的 6 轴运动跟踪芯片 MPU6050，它将 3 轴陀螺仪、3 轴加速度计和数字运动处理器 (DMP) 集成到一个 4mm x 4mm 的微型芯片中。小时候，科学博览会上的陀螺仪总是让我们感到惊讶，因为它们以奇怪的方式移动，甚至似乎违背了重力。 阅读详情
;(function($){
jQuery.fn.extend({
Scroll:function(){
var _this=this
var oScroll=$(this)
this.oScrollUl=oScroll.find('ul');
this.oScrollLi=oScroll.find('li');
this.speed=2;
this.oScrollUlW=(parseInt(this.oScrollLi.css('margin-left'))*2+this.oScrollLi.innerWidth()+parseInt(this.oScrollLi.css('border-left'))*2);
this.num=0;
this.timer=null;

this.oScrollUl.append(this.oScrollUl.html())
this.oScrollUl.width(this.oScrollUlW*this.oScrollLi.length*2);

this.oScrollLi.each(function(index,element){
this.num=$(element).index()
})

this.timer=setInterval(function(){
_this.oScr()
},30)

this.oScrollUl.mouseover(function(){
clearInterval(_this.timer)
})

this.oScrollUl.mouseout(function(){
_this.timer=setInterval(function(){
_this.oScr()
},30)
})

Scroll.prototype.oScr=function(){
this.oScrollUl.css({left:this.oScrollUl.position().left+this.speed})
if(this.oScrollUl.position().left<-this.oScrollUl.width()/2){
this.oScrollUl.css({left:0})
}
else if(this.oScrollUl.position().left>0){
this.oScrollUl.css({left:-this.oScrollUl.width()/2})
}
}
}
})

})(jQuery)





Scroll.prototype.oScr写的时候是 的Scroll的原型，但是现在封装的时候不知道放在哪里了，希望大神指教
...全文
电源工程师必看：平均电流模式BUCK双环控制详解（从传递函数到Psim仿真） 本文详细解析了平均电流模式BUCK变换器的双环控制策略，从传递函数推导到Psim仿真实现。针对电源工程师关注的环路设计和稳定性问题，深入比较了电压模式、峰值电流模式和平均电流模式的优缺点，并提供了12V/3A BUCK变换器的完整设计案例，帮助工程师掌握平均电流控制这一中高功率应用的首选方案。 阅读详情

相关推荐

jQuery.extend 与 jQuery.fn.extend的用法及区别实例分析

主要介绍了jQuery.extend 与 jQuery.fn.extend的用法及区别,结合实例形式分析了jQuery.extend与jQuery.fn.extend的功能、使用方法及区别,需要的朋友可以参考下

weixin_38723691

jquery简单插件制作(fn.extend)完整实例

主要介绍了jquery简单插件制作(fn.extend)方法,结合完整实例形式分析了jQuery fn.extend扩展插件的实现技巧,需要的朋友可以参考下

weixin_38627769

jQuery的extend方法【三种】

jq中的extend在面试中经常会被问道，今天我总结一个下有关于extend的用法三种进行对比，可能不全，希望大家指点， 用法一： $.extend({})  ,为jQuery类添加方法，可以理解为扩展静态方法 用法二：$.fn.extend({})  插件，对jQuery.prototype进行扩展，提到插件那么就得说一下另一种方法$.fn.method = function(){} 　　　　1. $.fn.method = function(){} 可以定义一个方法 　           2 . $.fn.extend({}) 定义多个方法。 　    　         需要实例化

weixin_38703277

jQuery中extend函数的实现原理详解

主要介绍了jQuery中extend函数的实现原理详解,extend()函数用于jQuery插件的开发,本文主要分析它的实现原理,需要的朋友可以参考下

weixin_38705699

jQuery继承extend用法详解

主要为大家详细介绍了jQuery继承extend用法,具有一定的参考价值，感兴趣的小伙伴们可以参考一下

weixin_38739900
评论
收藏 已收藏
分享
返回顶部
黄金清纯小王子
黄金清纯小王子
JavaScript 87,983 成员 224,681 内容
+ 加入社区