[js插件开发教程]一步步开发一个可以定制配置的隔行变色小插件

【[js插件开发教程]一步步开发一个可以定制配置的隔行变色小插件】的更多相关文章

[js插件开发教程]一步步开发一个可以定制配置的隔行变色小插件

隔行变色功能,不用js,直接用css伪类就可以做,这个实例可以作为js插件开发很好的入门级实例.本文实现的隔行变色包括以下功能: 1,支持2种常用结构共存( div元素和表格类型 ) 2,一个页面内支持不同模块隔行变色,分别管理 3,可以定制的配置有: 奇/偶数行的背景颜色特定的模块加上隔行变色当前激活行的颜色隔行变色的元素类型定制 { 'activeClass' : 'active', 'evenClass' : 'even-color', 'oddClass' : 'odd-col…

[js插件开发教程]实现一个比较完整的开源级选项卡插件

在这篇文章中,我实现了一个基本的选项卡功能:请猛击后面的链接>> [js插件开发教程]原生js仿jquery架构扩展开发选项卡插件. 还缺少两个常用的切换(自动切换与透明度渐变),当然有朋友会说,还有左右,上下等等,这些动画会放在焦点图(幻灯片)插件系列. (自动切换,停止控制,透明度渐变 ) 效果预览: 自动切换的实现: 这个思路很简单,开启定时器,让选项卡的索引+1,加到4的时候(选项卡的长度)从0开始传统做法: index = 0 index++ if ( index == 4 )…

动手开发一个名为“微天气”的微信小程序（上）

引言:在智能手机软件的装机量中,天气预报类的APP排在比較靠前的位置.说明用户对天气的关注度非常高.由于人们不管是工作还是度假旅游等各种活动都须要依据自然天气来安排.跟着本文开发一个"微天气"小程序,方便微信网友随时查看天气. 接下来两天小编将同您一起开发一个"微天气"小程序,本文首先向大家介绍"微天气"的API与界面代码编写. 本文选自<从零開始学微信小程序开发>. 在一套软件系统中,微信小程序一般是作为前端来使用的,一般还须要有后…

[js插件开发教程]原生js仿jquery架构扩展开发选项卡插件

jquery插件一般是这么干的: $.fn.插件名称 = function(){}, 把插件的名称加在.fn上,在源码里面实际上是扩展到构造函数的原型对象上,如果你没看过jquery的源代码,或者你曾经看过,但是不知道为什么把插件扩展到fn上,那么本篇文章就能解答你的疑惑.关于jquery插件开发方式,可以参考我的这篇文章:[js高手之路]jquery插件开发实战-选项卡详解关于选项卡这个功能具体怎么做,不在这里详解,这个是入门级的功能,本文重在讨论插件开发的架构,扩展,以及参数设置. 如果你…

[js插件开发教程]定制一个手风琴插件(accordion)

本文带来一个垂直方向的手风琴插件开发,可以定制的功能如下: contentClass : 'panel', //面板样式navClass : 'nav', //导航样式activeClass : 'active', //导航激活样式triggerElements : '*', //触发元素activeIndex : 0, //默认选中的元素evType : 'click', //默认触发的事件animate : true, //是否支持动画渐变multiple : false //是否支持多个面…

ASP.NET Aries 入门开发教程3：开发一个列表页面及操控查询区

前言: Aries框架毕竟是开发框架,所以重点还是要写代码的,这样开发人员才不会失业,哈. 步骤1:新建html 建一个Html,主要有三步: 1:引入Aries.Loader.js 2:弄一个table标签 3:new 一个AR.DataGrid 当然了,虽然才这么点代码,我也是从UserList.html里Copy过来改的. 步骤二:配置菜单权限,并F5运行. 配置菜单权限上一篇有,不重复.(PS:这里复用上一个菜单,直接改菜单路径.) F5运行后的效果是这样的: objName都是arti…

【JS新手教程】replace替换一个字符串中所有的某单词

JS中的replace方法可以替换一个字符串中的单词.语句的格式是: 需要改的字符串.replace(字符串或正则表达式,替换成的字符串) 如果第一个参数用字符串,默认是找到该字符串中的第一个匹配的字符串进行替换,剩下的不会替换.如果是只想替换第一个匹配的内容,可以用字符串或者正则表达式都可以,效果一样,正则表达式的写法是,用斜杠包裹需要替换的内容. 如果想要替换整个字符串中所有的地方,正则表达式加g,g代表全局,所有的地方都会替换.如果想要替换整个字符串中所有地方,且不区分大小写,加ig,i代…