#numUp数字增长效果 在线demo
####不依赖其他库
引入numUp.js在标签里加上num属性
<div num="2928293293" ></div>
<div num="202932323" ></div>
<div num="22312324" ></div>
NumUpUI(elm,opt);
##opt配置
{
num:100000,//可选,如果标签中有num这个值配置中的num将失效
duration: 1500, //默认间隔
prefix: "", //前缀 100000000 vs ¥100000000
decimal: 0, //小数点100000000 vs 100000000.00
isfomat: false, //是否格式化,100000000 vs 1,000,000
isUpAuto: true //动画效果
}
#select模拟 在线demo
##opt配置 ```javascript { selectClass: "mySel",//给selectUI的最外层添加class//默认不添加 timer:200,//下拉时间,默认200ms isScroll:false,//鼠标在下拉框中时页面是否滚动,默认不滚动 maxHeight:225,//设置下拉框的最大高度,默认0不设置 callBack : function(value){//下拉框点击后的回调事件,value回调函数的返回参数,为当前select选中的值 alert("当前选中值为"+ value); } ``` 导入selectUI.css和导入selectUI.js(依赖jquery),在原始select上加class "selectUI" .调用selectUI.init();init()中可添加参数,或 .在select上添加另外class,selectUI.select($(".selectUI1"),{ //这里是参数 }) #Tab选项卡 [在线demo](http://ypzhou.esy.es/demos/tab/out/tab.html)
<div id="tab-wrap">
<div class="tab-hd">
<span class="tab-hd-con">选项卡一</span>
<span class="tab-hd-con">选项卡二</span>
<span class="tab-hd-con">选项卡三</span>
</div>
<div class="tab-bd">
<div class="tab-bd-content">
选项卡1111
</div>
<div class="tab-bd-content">
选项卡2222
</div>
<div class="tab-bd-content">
选项卡3333
</div>
</div>
</div>
this.options = { //配置初始化
autoPlay: false, //自动播放时间,默认false不自动播放
tabEvent: "click", //tab事件有click,mouseover
now: 0, //默认第几个显示
animate : false,//淡入淡出,默认false
delay: false //延迟时间,false时不延迟
}
多个一起调用
- 给id="tab-wrap"的div添加class="tabWrap";
- tabUI.init();
单个调用
1. 给id="tab-wrap"的div添加你的class;
2. tabUI.tab($(youClass),{
autoPlay: false, //自动播放时间,默认false不自动播放
tabEvent: "click", //tab事件有click,mouseover
now: 0, //默认第几个显示
animate : false,//淡入淡出,默认false
delay: false //延迟时间,false时不延迟
});