jQuery UI addClass
<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jQuery UI Example Page</title> <link type="text/css" href="../css/custom-theme/jq... « 阅读全文
JQuery ui to simulate HTML select
Two problem raised when trying to use DIV to simulate a HTML<select>.My divSelect is made up of two DIVs, the label DIV& the downfall list DIV1 Make downfall DIV to automatically show current selectedoption use div.scrollTop()2 The ... « 阅读全文
jQuery UI accordion
<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>jQuery UI Example Page</title> <link type="text/css" href="../css/custom-the... « 阅读全文
使用jquery blockUi 生成confirm dialog
blockUI支持使用jquery UI dialog,本例采用：确认窗口方法：function confirmDialog(msg,callback) $.blockUI({ theme: true, title : 'Confirm dialog', message: "<p>"+msg+"</p><inputtype='button' id='yes' value='Yes'/><input... « 阅读全文
IxEdit-傻瓜式JavaScript(jQuery)开发工具
相关链接： http://www.cnblogs.com/justinyoung/archive/2009/11/18/ixedit.html 安装运行条件： 本机安装Google Gears，或直接使用Google浏览器（Google Chrome）或者Apple的Safari浏览器 jQuery 库 1.3 以上版本 jQuery UI 库 1.7 以上版本 IxEdit js库文件 C:\wwwroot\IxEdit │ IxEditTe... « 阅读全文
Jquery实现屏幕弹出窗口遮罩页面
<head> <meta charset="UTF-8" /> <title>jQuery UI Dialog - Modal message</title> <link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" /> <script type="text/javascript" src="../../jquery-1.4... « 阅读全文
用Jquery实现拖拽层,并实现网站自定义化模块功能(图)
效果图片:拖动一:拖动二: 在介绍这个功能实现之前,我想很多朋友都会Jquery.同时,对Jquery这里面的UI功能是有相当的认识的.UI里面有一个sortable这么一一块的介绍..其实里面的大部分功能都已经写好了拖动效果.我们只需要学会用就可以.... 第一: 我们需要加入J... « 阅读全文
jquery dialog插件使用
详细参考网址：http://jqueryui.com/demos/dialog/#option-resizable引入css 和 js 文件<link href="jquery-ui-1.8.1.custom.css" rel="stylesheet"/><script language="javascript" src="jquery-1.4.2.min.js"></script><script language="javascript" sr... « 阅读全文
JQuery UI resizable 调整大小组件
一天一个jQuery UI 组件，今天折腾 resizable 。resizable 是让对象拥有可调整大小的属性，类似于windows文件夹一样可以通过拖动边或者角来调整文件夹的大小。要使用resizable ，需要应用一下文件：（呵呵，这个组件不再和之前2个组件有关联了。）XML/HTML代码<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script> <script ty... « 阅读全文
jQuery学习之：Datepicker日期选择插件
在Web开发中，总会遇到需要用户输入日期的情况。一般都是提供一个text类型的input供用户输入日期。然而，这种方式，开发人员必须对用户输入的日期进行验证，判断其合法性。除此之外，用户输入日期也是一件不爽的事，如果用户可以直接选择日期，这两个问题都解决了。听起来很不错。实际上，很多开发者都是这么做... « 阅读全文