jQuery UI.Layout Plug-in做框架

jQuery UI.Layout Plug-in做框架的相关文章

• 
  jQuery EasyUI 中文API Layout(Tabs)

  标签：Web开发

  Tabs 创建一个tab标签 使用说明 使用到的头文件：easyui.css、icon.css、jquery-1.4.2.min.js、jquery.easyui.min.js html 代码如下： div div title="Tab1" tab1 /div div title="Tab2" closable="true" tab2 /div div title="Tab3" icon="icon-reload" closable="true" tab3 /div /div JQuery代码 代码如下： //创建一个标签容器 $('#tt').tabs(options); //增加一个ta...[ 查看全文 ]

  祝大勺

  211
• 
  JQuery UI皮肤定制

  标签：Web开发

  http://jqueryui.com/themeroller/ 进入此页面便可以定制自己的UI皮肤了 如上图，在网页的左侧的tab栏上单击Gallery选项，便会在下方列出Jquery官方提供的皮肤，点击任意一套皮肤下面的Edit便会跳到Rool Your Own，在你选中的皮肤基础上便可定制出自己想要的皮肤，定制过程是所见即所得，所有用起来很方便，定制完后，点击Rool Your Own下方的Download theme跳到下载页面， 在下载页面右侧点击Downl...[ 查看全文 ]

  小雨_TA001C3

  11
• 
  jQuery ui 1.7更新小结

  标签：Web开发

  1. 每个ui插件现在都有自己单独的css文件，但是要根据情况与ui.theme.css ui.core.css结合使用，否则有些效果还是显示不出来的。 eg. datepicker就必须同时引用上述两个css文件；accordion 只须引入ui.theme.css即可。这个我会把每个插件独立的demo放在我的资源里边的。 2. ui.accordion HTML 代码要遵循一定的格式要求： 代码如下: ul id="example" li h3a href="#" href="#"Test 1/a/h3 divtable ...[ 查看全文 ]

  yearfengjian

  11
• 
  jquery UI 1.72 之datepicker

  标签：Web开发

  代码如下: script type="text/javascript" $(function() { var options = { changeMonth: true, //显示月份下拉框 changeYear: true, //显示年份下拉框 firstDay: 0, //第一天的索引（星期天放前面）（星期天到星期六对应的索引为：0~6） showOtherMonths: true, //显示其他月份的日期 showMonthAfterYear: false, //年份下拉框放在月份下拉框的前面还是后面 prevText: "上一月", //跳转到上一页的...[ 查看全文 ]

  罗BIGRAIN

  91
• 
  jquery 框架使用教程 AJAX篇

  标签：Web开发

  小试了下AJAX，感觉比prototype简洁多了，在JQuery中，AJAX有三种实现方式：$.ajax(),$.post,$.get()。 XHTML(主要): div id="result" style="background:orange;border:1px solid red;width:300px;height:400px;"/div form id="formtest" action="" method="post" pspan输入姓名:/spaninput type="text" name="username" id="input1" //p pspan输入年龄:/spaninput type="text" name="age" id="input2" ...[ 查看全文 ]

  兖州司令员

  201
• 
  jQuery UI-Draggable 参数集合

  标签：Web开发

  Draggable 库文件：ui/ui.core.js、ui/ui.draggable.js ============================================================ Default： $(”#draggable”).draggable(); ============================================================ constrain-movement(限制范围移动)： $(”#draggable”).draggable({ axis: ‘y' }); //限制y轴 $(”#draggable2″).draggable({ axis: ‘x' }); //限制x轴 $(”#dragg...[ 查看全文 ]

  被害者76

  51
• 
  基于JQuery框架的AJAX实例代码

  标签：Web开发

  index.html 代码如下: html head titlejQuery Ajax 实例演示/title /head script src="./js/jquery.js" type="text/javascript"/script script type="text/javascript" $(document).ready(function(){//这个就是jQueryready ，它就像C语言的main 所有操作包含在它里面 $("#button_login").mousedown(function(){ login(); //点击ID为"button_login"的按钮后触发函数 login(); }); }); functio...[ 查看全文 ]

  破叶上的虫

  21
• 
  jquery.ui.draggable中文文档

  标签：Web开发

  注意事项: 1. 以下格式为既定的格式, 为了统一性, 需要修改时, 大家商议 2. 格式中的所有项都是选填, 如果没有, 不写就是了. 3. 由于是XML格式的, 所以, 所有标签中间填写文本的地方(最重要是代码, 一定要加, 不然以后解析有困难), 都需要加上 !--[CDATA[这中间写内容]] 4. 翻译过程中, 一块对应的是一个translate /标签. 5. 希望大家工作愉快. 代码如下: ？xml version="1.0" encoding="UTF-8" ？ ...[ 查看全文 ]

  xiao海底的贝壳

  271
• 
  各种效果的jquery ui(接口)介绍

  标签：Web开发

  基本的鼠标互动： 拖拽(drag and dropping)、排序(sorting)、选择(selecting)、缩放(resizing) 各种互动效果： 手风琴式的折叠菜单(accordions)、日历(date pickers)、对话框(dialogs)、滑动条(sliders)、表格排序(table sorters)、页签(tabs)、放大镜效果(magnifier)、阴影效果(shadow) 第一部分：鼠标交互 1.1 Draggables:拖拽 所需文件： ui.mouse.js ui.draggable.js ui.draggable.ext.js 用法：文件...[ 查看全文 ]

  相识缘18

  351
• 
  jquery.ui.progressbar 中文文档

  标签：Web开发

  代码如下: ？xml version="1.0" encoding="UTF-8" ？ !-- 注意事项: 1. 以下格式为既定的格式, 为了统一性, 需要修改时, 大家商议 2. 格式中的所有项都是选填, 如果没有, 不写就是了. 3. 由于是XML格式的, 所以, 所有标签中间填写文本的地方(最重要是代码, 一定要加, 不然以后解析有困难), 都需要加上![CDATA[这中间写内容]] 4. 翻译过程中, 一块对应的是一个translate /标签. 5. 希望大家工作愉快....[ 查看全文 ]

  陕电院老大

  51
• 
  ajax框架web ui 库 -- qooxdoo使用感想

  标签：Web开发

      本来是计划让团队内的同事一起总结使用qooxdoo的使用经验和困难，然后写些关于使用qooxdoo的总结供大家参考，但因为项目的原因到现在也没有时间办这件事情，所以打算还是零零碎碎的写一点是一点，乱就乱了，今后再整理。另外最近发现其实国内还是有不少人关注和使用qooxdoo的，所以立马写下这个帖子抛砖引玉。     1、qooxdoo基本信息qooxdoo带有XHR的封装，但其主要的还...[ 查看全文 ]

  sky对太阳说日

  411
• 
  jquery ui dialog里调用datepicker的问题

  标签：Web开发

  解决思路：修改样式表里z-index的值 解决办法： 代码如下: beforeShow: function (i,e) { var z = jQuery(i).closest(".ui-dialog").css("z-index") + 4; e.dpDiv.css('z-index', z); } [ 查看全文 ]

  奇谬謬

  261
• 
  用jQuery扩展自写的 UI导航

  标签：Web开发

  代码如下: (function($){ $.navs=function(){ return $('#top_menu_bar li').each(function(){ $(this).hover( function(){ $(this).find('ul:eq(0)').show(); }, function(){ $(this).find('ul:eq(0)').hide(); } ); }); }; })(jQuery); 上面是直接定义属性。下面是种常见的方法： 代码如下: jQuery.extend({ navs:function(){ return $('#top_menu_bar li').each(...[ 查看全文 ]

  自在人生书法

  21
• 
  jquery ui 1.7 ui.tabs 动态添加与关闭(按钮关闭+双击关闭)

  标签：Web开发

  代码如下： $(document).ready(function(){ $('#tabs').tabs({add:addEventHandler}); //给tabs块绑定addEventHandler事件 $('#newtabs').click(addTab); }) var tabCounter = 1; function addTab(){ if(tabCounter 6){ alert('tabs can not more than 6!'); return; } $('div'+'New tab'+tabCounter+'/div').appendTo('#tabs'); $('#tabs').tabs("add","#new-tab-"+tabCounter,'New tab'+tabC...[ 查看全文 ]

  y_y_y_ya

  491
• 
  jQuery ui1.7 dialog只能弹出一次问题

  标签：Web开发

  代码如下: // 显示确认对话框 function showConfirm(txtTitle, txtMsg, callback){ getDivDialog().text(txtMsg).dialog({ modal: true , overlay: { opacity: 0.5 } , title: txtTitle ,buttons: { "是" : function(){ callback(); $(this).dialog("close"); } ,"否" : function(){ $(this).dialog("close"); } } }); } 但是在使用ui.1.7.1 的时候，每次按钮的click事件只能让di...[ 查看全文 ]

  华夏恒星

  361
• 
  国内外最全面和主流的JS框架与WEB UI库

  标签：Web开发

  当下对于网站前段开发人员来说，很少有人不使用一些JS框架或者WEB UI库，因此这些可以有效提高网站前段开发速度，并且能够统一开发环境，对于不同浏览器的兼容性也不需要程序员操心，有了这些优点，当然大家都会使用这些框架或库。 本文整理了国内外最全面和主流的JS框架与WEB UI库，里面有许多人已经十分熟悉，比如JQUERY。当然也有很多是陌生的，可以通过本文了解他们各自的优缺点，或许你能找到更好用...[ 查看全文 ]

  尤气纲

  381
• 
  为jquery.ui.dialog 增加“在当前鼠标位置打开”的功能

  标签：Web开发

  代码如下: $("#dialog").dialog({ bgiframe: true, autoOpen: false, position: [PosX, PosY], //alert 出来为：" , "(不含双引号)，或者报错，不知什么原因。 height: 300, modal: true, buttons: { '创建新账号': function() { var bValid = true; allFields.removeClass('ui-state-error'); bValid = bValid && checkLength(name, "username", 3, 16); bValid = bValid && checkLength(emai...[ 查看全文 ]

  ゞ尐甜甜ゞ

  751
• 
  CSS文本：layout-grid

  标签：Web开发

  语法： layout-grid : layout-grid-mode || layout-grid-type || layout-grid-line || layout-grid-char 取值： 该属性是复合属性。请参阅各参数对应的属性。 默认值为：both loose none none。 说明： 设置或检索复合文档中指定文本字符版式的网格特性。 以东亚语言(如中文，日文)编写的文档通常根据一维或二维网格使用字符的页面版式。 对应的脚本特性为 layoutGrid 。 示例： div { layo...[ 查看全文 ]

  天涯共此时1992

  11
• 
  为jquery.ui.dialog 增加“自动记住关闭时的位置”的功能

  标签：Web开发

  经过摸索进行了扩展，增加“自动记住关闭时的位置”的功能，源码如下： 代码如下: //myJquery.ui.dialog.ex.js //////////////////////////////////// //自动记住 jquery.ui.dialog关闭时的位置 /////////////////////////////////// (function($){ var originClose = $.ui.dialog.prototype.close; $.ui.dialog.prototype.close = function() { //判断option中是否指定不使用此功能，如 $("#d"...[ 查看全文 ]

  吥弃DE永恒

  291
• 
  CSS文本：layout-flow

  标签：Web开发

  layout-flow版本：IE5.5+专有属性 继承性：有 语法： layout-flow : horizontal | vertical-ideographic 取值： horizontal :？ 默认值。对象中的内容自左边流入。下一行在前一行下面。这个值适用于拉丁语系 vertical-ideographic :？ 对象中的内容自上而下流入，下一行在前一行左面。这个值适用于亚洲语系 说明： 设置或检索对象内文本的流动和方向。 当此属性值发生变化时， text-align 属...[ 查看全文 ]

  Hala928

  51