精华内容
下载资源
问答
  • jquery ui

    2018-11-13 18:28:57
    【demo】https://jqueryui.com/demos/
    展开全文
  • Jquery UI

    2015-02-07 10:25:00
    插件下载地址:http://jqueryui.com/download/  下载好的Jquery Ui的核心文件      ui里面的是js核心文件    这是jquery ui 的样式    以上js都集中在jquery-ui-1.9.2.custom.js 里面  我们在...

      Jquery 插件学习之 Jquery Ui 的学习

      下载好的Jquery Ui的核心文件

      

       

      ui里面的是js核心文件

      

      这是jquery ui 的样式

      

      以上js都集中在jquery-ui-1.9.2.custom.js 里面

      我们在使用时,可以就导入Jquery ui.js 和 jquery ui.css  

      或者导入具体功能的js文件,再倒入jquery.ui.widget.js 这个文件 以及css文件

      jquery ui 是基于jquery 的,所以我们还要导入jquery 的架包

      

      一个dialog的案例:

     1 <link rel="stylesheet" href="themes/base/jquery-ui.css" type="text/css"></link>
     2   <script type="text/javascript" src="js/jquery-1.8.3.js"></script>
     3   <script type="text/javascript" src="js/jquery-ui.js"></script>
     4   <script type="text/javascript" src="js/jquery.ui.widget.js"></script>
     5   <link rel="stylesheet" href="css/demos.css" type="text/css"></link>
     6   <style>
     7       #draggable{
     8           border:1px solid #ccc;
     9           padding:100px 50px;
    10           width:200px;
    11           cursor: move;
    12           margin:auto;
    13       
    14       }
    15       #dialog{
    16           width:100px;
    17           height:50px;
    18       
    19       }
    20       #droppable{
    21           padding:100px 50px;
    22       }
    23   </style>
    24   <script type="text/javascript">    
    25       $(function(){
    26           $("#open").click(function(){
    27               $("#dialog").dialog("open");
    28           
    29           });
    30           $("#draggable").draggable();
    31           $("#dialog").dialog({
    32               open:function(){$("#dialog textarea").load("clause.txt");},
    33               title:"注册条款",
    34               width:800,
    35               height:600,
    36               modal:true,
    37               autoOpen:false,
    38               
    39               buttons:{
    40                   "同意":function(){
    41                       $(this).dialog("submit");
    42                   },"不同意":function(){
    43                       $(this).dialog("close");
    44                   }
    45                   
    46               }    
    47           
    48           });
    49           
    50           
    51           
    52           
    53       });
    54   </script>
    55   </head>
    56   <body>
    57   
    58       
    59       <div id="draggable" class="ui-widget-content" >
    60           make you mouse on this model ,and drag it
    61           <button id="open">打开Dialog</button>
    62           <div id="dialog" class="ui-widget-center">
    63               <p>注册前阅读以下条款:</p>
    64               <textarea style="width:100%;height:90%;resize: none;" readonly="readonly">
    65  
    66               </textarea>
    67               
    68           </div>
    69     </div>
    70     
    71       
    72     
    73   </body>

     

     分析:

      我理解的jquery ui 原理:

      jquery ui 基于jquery :

        一个效果提供一个方法,方法可以接受json格式的参数,

        $.fn.dialog(options);

        options:通过查找 jquery-ui-1.9.2.custom\jquery-ui-1.9.2.custom\development-bundle\docs 相应的文档,学习相关的配置

        如何去声明一个dialog?

        两段代码:

          <!--页面-->

          <div id="dialog" class="ui-widget-center">this is a dialog what default</div>

          <!--js-->

          $("#dialog").dialog();   //原始的dialog

       你可能会遇到的问题:

         1、页面一出来就几个文字和关闭字样:

          检查 css文件以及标签的class

          如果没有关闭字样:检查js 和 jqeury js是否确实 

         2、你的架包什么的都是正确的,就是不出效果:

          检查参数是否正确!

          http://www.w3cschool.cc/jqueryui/jqueryui-tutorial.html

    转载于:https://www.cnblogs.com/gcs1995/p/4278446.html

    展开全文
  • jQuery ui

    2015-11-26 16:56:30
    http://ifxoxo.com/jquery-ui-sortable.html http://www.runoob.com/jqueryui/example-sortable.html

    拖动排序

    http://ifxoxo.com/jquery-ui-sortable.html

    http://www.runoob.com/jqueryui/example-sortable.html

    展开全文
  • jQuery UI

    2014-08-15 17:51:11
    jQuery UI则是在jQuery的基础上,利用jQuery的扩展性,设计的插件。提供了一些常用的界面元素,诸如对话框、拖动行为、改变大小行为等等。 jQuery UI实际上也是jQuery插件,只不过专指由jQuery官方维护的UI方向的...
    jQuery是一个js库,主要提供的功能是选择器,属性修改和事件绑定等等。jQuery UI则是在jQuery的基础上,利用jQuery的扩展性,设计的插件。提供了一些常用的界面元素,诸如对话框、拖动行为、改变大小行为等等。
    
    jQuery UI实际上也是jQuery插件,只不过专指由jQuery官方维护的UI方向的插件,更多的插件你可以进plugin看看
    展开全文
  • JQuery Ui

    2014-01-05 21:51:25
    一直感觉网易博客邮箱为了改善用户体验,把ajax... 目前ajax框架很多,最近JQuery Ui 发布了1.5beta版。转载一下JQuery Ui的使用。官方的demo链接http://ui.jquery.com/demos。   所有效果说明: 基本的鼠标互动
  • jQueryUI

    2011-05-10 11:37:00
    学了jQuery而不知道jQueryUI,犹如买了奔驰去种庄稼一样。jQuery UI 是 jQuery 的一部分, 是在jQuery之上的一套专门用于UI交互的类库. 使用jQuery UI可以实现底层交互, 各种高级特效, 动画, 并且可定制主题.你可以用...
  • jquery-ui-iconfont:jQuery UI的图标字体»用Web字体替换jQuery UI的PNG图标
  • jquery ui

    2008-10-29 16:46:00
    JQUERY UI带给我们不一般的视觉效果.http://ui.jquery.com/jQuery UI is jQuerys user interface library that comes with many widgets, interaction modules and themes.ui.jquery.com/ - 7k - 网页快照 - 类似...
  • jqueryUI

    千次阅读 2012-03-28 21:29:10
    jQuery UI 界面主题库 若需要更多的主题包,可以下载主题包jquery-ui-themes-1.8.1.zip, 解压后其中的每一个文件夹代表一个主题。 Draggable拖动组件 需要导入以下ui文件: jquery.ui.core.js jquery.ui....
  • removal%22">Issue list of all jQuery UI removals here) and see which ones have jQuery UI CSS laying around</li><li>Remove the leftover jQuery UI CSS</li><li>Finally, remove all jQuery UI dependencies...
  • 本节书摘来自异步社区《jQuery UI开发指南》一书中的第1章,第1.1节,作者:【美】Eric Sarrion译者:罗晴明 ,包勇明更多章节内容可以访问云栖社区“异步社区”公众号查看。 第1章 jQuery UI介绍 jQuery UIjQuery...
  • Jquery ui css framework

    2020-10-29 01:01:44
    Jquery ui css framework是jquery ui中的一个样式框架,可以利用jquery Theme roller 来生成自己想要的css样式效果。我们可以利用jquery ui的一些框架来开发出基于jquery ui css framework效果的插件来。
  • 资源名称:jQueryjQuery UIjQuery Mobile技巧与示例内容简介:《jQueryjQuery UIjQuery Mobile技巧与示例》包括jQueryjQuery UIjQuery Mobile以及jQuery插件四部分内容。第一部分介绍jQuery核心库,从...
  • 使用jQuery UI的摇动效果摇动事物 昨天我创建了一个教程,向您展示如何使用 Aaron Newton编写的MooTools组件Fx.Shake摇动元素 。 事实证明,jQuery UI也具有抖动效果,可以引起人们对元素的注意。 观看演示 ...
  • jqueryUI对应jquery版本

    2020-06-23 10:27:07
    jqueryui对应jquery版本 jquery-ui jquery版本 jquery-ui-1.12.1 jQuery1.7+ jquery-ui-1.11.4 jQuery1.6+ jquery-ui-1.10.4 jQuery1.6+ jquery-ui-1.9.2 jQuery1.6+
  • jQuery UI Bootstrap是一个将jQuery UI集成到Bootstrap上的CSS框架,jQuery UI Bootstrap不仅可以利用jQuery UI强大的控件库,同时还可以享受Bootstrap那种清新自然的主题风格,所以越来越多的前端开发者都在使用...
  • Query UI是一款基于jQuery的开源Javascript框架,jQuery UI框架主要提供了用户交互、动画、特效和可更换主题的可视控件,让开发者可以更方便地实现网页交互界面,jQuery UI的整个框架比较庞大,但你也可以根据自己...
  • jQuery UI是以 jQuery 为基础的开源 JavaScript 网页用户界面代码库。 包含底层用户交互、动画、特效和可更换主题的可视控件。 我们可以直接用它来构建具有很好交互性的web应用程序。 所有插件测试能兼容IE 6.0+,...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 23,930
精华内容 9,572
关键字:

jqueryui