冰雪为融的博客

把昨天的实例用到的函数封装了一下，方便以后用在其他的地方（功能会不断完善，持续更新中……）使用方法如下小实例所示：window.onload = function(){ createList(); var wrap = document.querySelector('#wrap'); mScroll({ el:wrap, offBar: true })};mScroll(ini...

/*!Chosen, a Select Box Enhancer for jQuery and Prototypeby Patrick Filler for Harvest, http://getharvest.comVersion 1.3.0Full source at https://github.com/harvesthq/chosenCopyright (c) 2011-20...

都在注释上哈，很简单，看一下就懂了，就不啰嗦了// 用来获取元素// 用来判断某个元素是否有某个class// 如果没有添加// 如果有就删除//获取元素id class tag allfunction M(sele) { var first = sele.substr(0,1), isArr = sele.split(' ');//id class tag...

实现3D翻转的效果：使用TweenMax库的方法（使用之前要先引入jQuery和TweenMax哦）参数说明：obj:是要翻转的两个面的父级，element1是正面，element2是背面，d是翻转的时间var donna = {} donna.button3D = function(obj,element1,element2,d){ var button3DAnimate...

实现各种各样的动画效果使用方法：MTween(init);参数：init：（是个对象）{                    el:obj,//元素                    target:{attr:val},//元素属性及对应的目标点（是个对象，也就是可以设置多个属性及其值）                    time:1000,//时间                   ...

注意：使用这个封装函数的时候，还要引入我之前封装的cssTransform函数，链接：https://blog.youkuaiyun.com/lhjuejiang/article/details/80514094使用介绍：分为取值和赋值，如果有val值，则为赋值，没有则为取值调用：获取元素相关属性的值：css(elem,attr);设置元素相关属性的值：css(elem,attr,val)参数说明：elem:...

我们知道jQuery中的animate运动形式只有两种：linear（匀速）和swing（慢快慢）所以，这里对jQuery中的运动形式进行了一些扩展jQuery源码利用的tween.js库进行的运动形式的封装，我们这里同样也利用的是tween.js库（只是对它稍加改动，选出了一些常用的）进行扩展扩展之前，肯定是要先引入jQuery库的，这里我就不再引入了，直接看扩展$.extend(jQuery....

一、常用封装函数1、获取一个标签到body顶端的距离function getTop(obj) { var iTop = 0; while(obj) { iTop += obj.offsetTop; obj = obj.offsetParent;//当找不到父节点时为null } return iTop; }2、以几个li为例，找高度最小的lifunction getS...

使用很简单，直接调用getDate(time)函数即可，参数就是你的时间戳实现的功能：把你传入的时间戳与现在的时间进行比较，返回相应的日期格式function getDate(time){ var now = new Date(); var last = new Date(time); var nowMin = now.getTime()/1000/60; var lastMin = ...

需要注意的是：如果想要使用该封装函数获取transform相关的属性，那么transform相关的设置，也必须是通过该方法设置的调用：cssTransform(element,attr,val)参数说明：element:要进行动画的元素attr:运动的属性（包括scale系列，translate系列，skew系列）val:运动的属性的值，比如30deg，100px啦等等（当然不用带单位哦）使用如下...

调用：startMove(obj,json,endFn);参数说明：obj:要运动的元素（必写）json:是对象格式，对应为元素的属性和值（必写）endFn:回调函数（可有可无）例子：document.onclick = function(){ startMove(oDiv,{width:200,height:300});}move.js代码function startMove(obj,...

var Tween = { linear: function (t, b, c, d){ //匀速 return c*t/d + b; }, easeIn: function(t, b, c, d){ //加速曲线 return c*(t/=d)*t + b; }, easeOut: function(t, b, c, d){ //减速曲线 return -c *(t/...

使用：setGesture(init);参数说明：init是一个对象 init:{ el:element//元素, (必填) start:fn//gesturestart要做的操作,（可选） change:fn//gesturechange要做的操作,（可选） end:fn//gestureend要做的操作（可选） }补充小知识： 勾股定理：已知直角三角形的两条直角边，求斜边的长度ok：看...

.chosen-container { position: relative; display: inline-block; vertical-align: middle; font-size: 12px; height: 31px; line-height: 1.42857143; background-color: #F9F9F9; ...