随笔分类 -  jquery插件

横向滚动插件
摘要:(function ( $ ) { $.fn.ilscroll=function(options){ var settings = $.extend({ s:45 }, options ); $this=this; $children=this.children(); $parent=this.parent(); $count=$children.size(); $margin=parseInt($children.css('margin-left'))+parseInt($chi... 阅读全文

posted @ 2014-03-25 23:21 左小兵 阅读(524) 评论(0) 推荐(0)

轮播插件
摘要:/** * @author Administrator * @version 0.96 */(function ( $ ) { /*當前位置的計數 * */ var $mcount=0; /** * 父元素未加入元素时的宽度 */ var $width=0; /** * parentwo:是否在全屏时自动给父元素设置宽度,并且溢出隐藏 * parento:是否给父元素设置溢出隐藏 * autodots:是否自动添加点导航 */ $.fn.islider=function(options){ ... 阅读全文

posted @ 2014-03-13 01:43 左小兵 阅读(471) 评论(0) 推荐(0)

jquery垂直滚动插件一个参数用于设置速度,兼容ie6
摘要:利用外层的块级元素负外边距来滚动1.使用 index 1 2 3 View Code 2.代码(function ( $ ) { $.fn.iscroll=function(options){ var settings = $.extend({ s:45 }, opti... 阅读全文

posted @ 2014-02-23 23:33 左小兵 阅读(584) 评论(0) 推荐(0)

jquery元素分组插件,用于把一连串元素分成多组,如把多个a标签分成多组放入<li>元素中,可以用于简化多图滚动为一个元素滚动,兼容ie6
摘要:三个参数代码(function ( $ ) {var $iscroll=0;var $arr=new Array();$.fn.igroup=function(options){ var settings = $.extend({ row:3, packages:'li', sclass:'scroll' }, options ); $olength= this.length; $last= this.eq($olength-1);if($olength%settings.row==0){$count=$olength/settings.row-1... 阅读全文

posted @ 2014-02-20 21:13 左小兵 阅读(450) 评论(0) 推荐(0)

jquery瀑布流布局插件,兼容ie6不支持下拉加载,用于制作分类卡
摘要:调用方法$('需要布局的块').sault()如果要在图片加载后调用需要使用$(window).load(function(fx){});函数,即等待图片加载完成再调用3个参数1.left:左右间隔2.top:上下间隔3.split:希望分成几列全部是数字实现原理是绝对定位,不用浮动的原因是,浮动会造成空白为了固定位置,需要在父元素上使用相对定位Array.prototype.max = function(){ return Math.max.apply({},this);} ;Array.prototype.min = function(){ return Math.min. 阅读全文

posted @ 2014-02-13 15:47 左小兵 阅读(281) 评论(0) 推荐(0)

js高度line-height及宽度text-align:center居中插件
摘要:1.高度居中---在高度设为100%,无法直接使用line-height:100%;会不起效果这是用于应对height:100%的插件/** * 高度居中函数,用于应对高度设为100%时的居中 * 而如果需要让height:100%生效,需要使用html,body{height:100;}来设置 */ $.fn.hMiddle=function(){ $htmlLength= this.height(); this.css('line-height',$htmlLength+'px'); };2.宽度居中----在浮动后,通常我们想从新... 阅读全文

posted @ 2014-01-13 23:00 左小兵 阅读(2193) 评论(0) 推荐(0)

unslider点导航不显示错误
摘要:原因是,unslider插件只添加了dots文件并没有设置样式解决办法.banner { position: relative; width: 100%; overflow: auto; font-size: 18px; line-height: 24px; text-align: center; color: rgba(255,255,255,.6); text-shadow: 0 0 1px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.3); background: #5b4d3d; box-sh... 阅读全文

posted @ 2014-01-04 09:52 左小兵 阅读(638) 评论(1) 推荐(0)

jquery插件中使用ajax并且获取使用插件的对象
摘要:jquery插件中使用ajax后无法在里面获取this解决办法是在函数内使用ajax前声明变量$this=this然后再ajax中使用$this 阅读全文

posted @ 2014-01-03 10:21 左小兵 阅读(156) 评论(0) 推荐(0)

jquery插件获取事件类型
摘要://需要在使用函数时传入event关键字$('[name=lprice]').change(function(event){ $('[name=lprice]').validate({ event:event, }); })在函数中获取(function ( $ ) { var id=33;$.fn.validate=function(options){ // This is the easiest way to have default options. var settings = $.extend({ ... 阅读全文

posted @ 2014-01-02 11:07 左小兵 阅读(252) 评论(0) 推荐(0)

我今天也学习了做jquery插件
摘要:先贴代码(function ( $ ) { var id=33;$.fn.validate=function(options){ // This is the easiest way to have default options. var settings = $.extend({ // These are the defaults. color: "#556b2f", backgroundColor: "white" }, options ); // Greenify the collection based on t... 阅读全文

posted @ 2014-01-01 20:31 左小兵 阅读(133) 评论(0) 推荐(0)

导航