摘要：基本效果：效果：Html代码： JS代码： 默认的有四种验证方式：email：验证邮箱url：验证urllength：验证输入长度remote：Ajax后台验证，具体参数见注释。$(function () { $('#email').validatebox({ r... 阅读全文

摘要：效果：html代码： 所有频道 新闻频道JavaScript代码：$(function () { $('#ss').searchbox({ width:300, menu: '#mm', prompt: '请输入搜索内容…………', ... 阅读全文

摘要：总页数是手动填写，后续进行更改………………效果：html代码：--%>JavaScript代码：$(function () { //panel组建，用来显示分页数据 $('#p').panel({ title: '显示数据', href: '../Json/P... 阅读全文

摘要：效果：html代码：Ok Ok Cancel--%>Ok Ok CancelJavascript代码：$(function () { $('#sb').splitbutton({ menu: '#mm', iconCls: 'icon-ok'... 阅读全文

摘要：效果：html代码： New Open Word Excel PowerPoint Save ExitJavaScript代码：$(functio... 阅读全文

摘要：全局设定：JavaScript代码：//设置按钮中的文字，默认是-ok/cancel ,可以任意设置文字，比如现在的-确认/取消$.messager.defaults = { ok: '确认', cancel: '取消',}第一种：效果：html代码：无JavaScript代码：//第一... 阅读全文

摘要：效果：html代码：其中有class加载方式和Javascript加载方式。 Dialog Content.--%> JavaScript代码：$(function () { $('#dia').dialog({ title:'dialog',... 阅读全文

摘要：效果：Html代码： 阅读全文

摘要：效果：html代码： Accordion for jQuery Accordion is a part of easyui framework for jQuery. It lets you define your accordio... 阅读全文

摘要：基本效果：效果图：html代码： tab1 tab2 tab3 JS代码：$(function () { $('#tab').tabs({ width:400,//宽 heigh... 阅读全文

摘要：效果：html代码： panel content. panel content.JS代码：最重要的是加载数据：href: '../Json/PanelJosn.ashx',//一定要加上 “..” ，加载出数据后，会覆盖原始数据其中有些属性，之间的使用有冲突。tools属性，与href属... 阅读全文

摘要：以easyui中的panel中，使用url加载数据为列。效果：html代码： panel content. panel content.js代码：url的路径一定要是物理路径：例如： ../Josn/abc.ashx 前面要加上 ../ $(function () { $('#p... 阅读全文

摘要：效果：html代码：JS代码：$(function () { $('#p').progressbar({ value: 60 });}) 阅读全文

摘要：效果：html代码： 添加js代码：$(function () { $('#btn').linkbutton({ iconCls: 'icon-add' }); //绑定事件 $('#btn').bind('click', function () { ... 阅读全文

摘要：引入的JS：使用时候修改路径。 阅读全文

摘要：第一种：效果：html代码：不需要js代码，显示的是title中的内容。 Hover me 01第二种：效果：html代码： Hover here 02JS代码：position string 消息框位置。可用值有："left","right","top","bottom" bottom... 阅读全文

摘要：效果：html代码：JS代码：$(function () { $('#rr').resizable({ maxWidth: 800, maxHeight: 600 });}) 阅读全文

摘要：效果：html代码： 可以拖动的区域（设置了handle属性） 不可以拖动的区域（设置了handle属性）JS代码：$(function () { $('#box').draggable({ revert: true,//拖动返回原位置 ... 阅读全文

摘要：代码：判断是不是已经存在，如果存在，则直接选中，否则创建新的tab。$('#tabs').tabs({ fit: true, border: false})$('#Tree').tree({ url: "Json/Tree_Node.ashx", datatype: JSON... 阅读全文

摘要：效果：HTML代码：使用了模板页 content2 content3 JavaScript代码：$(function ... 阅读全文