李查德的专栏

使用Jquery UI，可以给HTML页面中的界面焕然一新，这里所涉及的是按钮的设计。Button1 Button2 $("#button1,#button2").button({ icons:"ui-icon-calendar", text:false,//指定是否显示按钮文字 label:"我们是按钮",//按钮上显示的文字 disabled:t

进度条可以查看任务的进度，比如传输文件。使用Jquery UI来显示任务的进度是很容易的。Progress : 0 $("div#progressbar").progressbar({ //value:20, change:function(event){//在完成过程中的不同阶段进行处理 var value=$("div#progressbar").pro

日历(datepicker)的使用组件可以让用户方便、直观地输入日期，充分考虑了不同国家的语言限制。 日历 Click to select a date $("#date").datepicker({ firstDay:1,//整数,指定日历中的星期从星期几开始,0表示星期日 numberOf

这里使用Jquery UI来实现一个计算器: 计算器 span.ui-button-text-only { width:60px; } div.ui-button-text-only { width:230px; text-align:right; } div.ui-

3、折叠菜单:    div id="accordion">     h1>a>Menu 1a>h1>     div>Menu Contents 1div>     h1>a>Menu 2a>h1>     div>Menu Contents 21div>     h1>a>Menu 3a>h1>     div>Menu Contents 31d

滑块（slider）是一种允许用户在刻度轴上通过移动游标来改变数据数值的小工具(widget). 滑块Demo div#slider.ui-slider { background:black; } Slider $("div#slider").slider({ //disabled:true,

var GPS = { PI: 3.14159265358979324, x_pi: 3.14159265358979324 * 3000.0 / 180.0, delta: function (lat, lon) { var a = 6378245.0; // a: 卫

这里主要的讲解的是dialog,也就是对话框，对于对话框有许多特点，可以包含许多按钮和内容。 Content of the dialog box $("#dialog").dialog({ buttons:{"确定":function(){}, "取消":function(){} }, title:"我们的中国", cont

Jquery UI之Tabs1、选项卡tabs()              Tab1            Tab2            Tab3            Tab4                Contents of first tab        Contents of the second tab

自动补全(autocompletion)是当前网站上经常使用到的一种机制，以便用户在文本框里刚刚开始输入第一个词时，就可以为他提供一系列相关的输入建议。 自动补全 Enter the name of the book: var books=["Web development with J2EE", "Pra

1、ui目录中的jquery.ui.core.js文件包含了最基本的功能，必须引入。2、Themes目录包含了CSS文件，jquery.ui.core.css、jquery.ui.theme.css是必须的。Jquery.ui.base.css+jquery.ui.theme.css=jquery.ui.all.css.3、如果要全部引入，只需三个文件就好，

类似这种效果，解决方法：//缓存当前操作的是哪个表格的哪个tr的哪个td $(document).off('mousedown','.layui-table-grid-down').on('mousedown','.layui-table-grid-down',function (event) { //直接记录td的jquery对象 table._tableTrCurrr = $(this).closest('td'); }); //给弹出的详情里面的.

对单元格实时修改（这里经常体现的就是排序，动态修改排序）var tableId='treeTable'; layui.config({base: '{ADMIN_PATH}'}) .use(['table','jquery','layer'], function() { var $ = layui.jquery, t...