层插件、日历插件、分页插件、选项卡插件、进度条插件等是必备的技能让你的前端技术百尺竿头更进一步在三大框架中垂直聚焦自己的亮点代码结构cool-module资源引进引进css样式文件分页样式

link

hrefcss/css/tz-page.css/link树形菜单样式

link

hreftree/tm_tree.css/linkjs组件库所有的样式

link

hrefcss/css/sg.css/link引进js文件引入jQuery依赖script

typetext/javascript

srcjs/jquery-1.11.2.min.js/script树形菜单js

script

srctree/tm_tree.js/scriptjs组件库工具类

script

srcjs/date/WdatePicker.js/script实际效果日历

input

为必填项具体操作看mydate97操作文档这里做了一个组件库集成

function

WdatePicker({dateFmt:yyyy-MM-dd

HH:mm:ss});

$(#permissiontree).tmTree({})var

trees

javascript:void(0);}],children:

{1:

$(#permissiontree).tmTree({rightMenu:true,root:trees.root,children:trees.children,type:checkbox,callback:function($opTarget,

params,

//主体页数num_edge_entries:5,current_page:0,showGo:true,showSelect:true,items_per_page

10,

});分页图形界面弹出层iframe$.tzIframe({width:320,height:400,title:用户分配角色,ghost:false,content:iframe.html,callback:function(iframe,$dialog,opts){if(iframe){console.log(hello);}}});iframe图形界面confirm$.tzConfirm({width:450,height:430,title:新增客户信息,ghost:false,

classpredata

opts){if(ok){if(isEmpty($(#cli_code).val())){$(#cli_code).tips({msg:

客户编码不能为空,side:

{$dialog.next().remove();tzUtil.animates($dialog,opts.animate);}}}

});confirm图形界面alert$.tzAlert({title:hello,content:welcome

$dialog,

{$dialog.next().remove();tzUtil.animates($dialog,opts.animate);}

}});alert图形界面dialog$.ymDialog({

//删除提示title

//确定删除$(#test).show().removeClass(animated

bounceInUp);}

$.topTips({content:文件删除成功,controls

warn,timer:2

使用方式参数说明content提示的内容controls提示样式错误提示:err,警告提示:warn,成功提示ok,等待提示loadingtimer:显示和消失总体时间*

param

loading(演示开始)center-tip图形界面ele-tip

/**

$(.slider).tzSlider({horizontal:false});

$(.slider2).tzSlider({horizontal:true});滑块图形界面tab页面div

classtab

{title:22222,content:bbbbb,url:user.action},

});tab图形界面相关源码9.99元——打赏后评论或者备注留言例如”已支持your_emailxxx.commodule”一年365天希望各位看官达人多多支持打赏后将及时发送源码