使用jQuery UI库开发Web界面的简单入门指引
**一.jQuery UI** jQuery UI 是以jQuery 为基础的开源JavaScript 网页用户界面代码库。包 含底层用户交互、动画、特效和可更换主题的可视控件。我们可以直接用它来构建具有很 好交互性的web 应用程序。 jQuery UI 的官网网站为:http://jqueryui.com/ jquery-ui-x.xx.x.custom.z...
**一.jQuery UI** jQuery UI 是以jQuery 为基础的开源JavaScript 网页用户界面代码库。包 含底层用户交互、动画、特效和可更换主题的可视控件。我们可以直接用它来构建具有很 好交互性的web 应用程序。 jQuery UI 的官网网站为:http://jqueryui.com/ jquery-ui-x.xx.x.custom.z...
本文实例讲述了jQuery实现的精美平滑二级下拉菜单效果。分享给大家供大家参考,具体如下: 这是一款jQurey实现的向下二级导航菜单效果。效果非常不错,由上到下平滑延伸,给人的感觉协调唯美!js与html代码结构简单明了,便于使用与修改! 运行效果截图如下: ![](http://static.51tbox.com/static/2024-11-23/col/9b3a9...
我在项目中设计课程表的时候需要用到老师和分类之间的多级联动。 首先是一张效果图: ![](http://static.51tbox.com/static/2024-11-23/col/7b3ebda84e1bf2062c1a526d0632411e/f8b1a11fb2684bdbb3ffda5eb6ed1e50.png.jpg) 下面是实现的代码: ``` &...
jquery-slider是一款基于JSON格式数据的jQuery幻灯片插件。该幻灯片通过JSON数据来提供图片地址和描述信息等,你可以通过更换JSON数据来动态切换不同的图片。 ![](http://static.51tbox.com/static/2024-11-23/col/300a7351c54ae025bc51cb2603b52e60/5278f36e7a544...
jQuery实现点击查看大图并以弹框的形式居中,实现的关键代码如下所示: ``` *{margin:0;padding:0;} .tab_bg{display:none;width:100%;height:100%;background:#282829;z-index:99;position:absolute;} .tab_img{width:100px;heig...
**1、DataTables的默认配置** ``` $(document).ready(function() { $(‘#example').dataTable(); } ); ``` 示例:<http://www.guoxk.com/html/DataTables/Zero-configuration.html> **2、DataTabl...
本文实例为大家分享了jquery实现图片切换的方法,供大家参考,具体内容如下 ``` <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/> <title><...
jqGrid 是一个用来显示网格数据的jQuery插件,通过使用jqGrid可以轻松实现前端页面与后台数据的ajax异步通信。 **一、要引用的文件** 要使用jqGrid,首先页面上要引入如下css与js文件。 1、css ``` <link href="/css/ui.jqgrid.css" rel="style...
本文实例讲述了jQuery图片前后对比插件beforeAfter用法。分享给大家供大家参考,具体如下: 今天分享一款 jquery 插件------图片前后对比(beforeAfter),效果如下: ![](http://static.51tbox.com/static/2024-11-23/col/7b3cb6aa3dd75bd022282ac5874da9d1/65c9...
例如"报告交付方式"包含固定交付时,第二个下拉框不可编辑,反之可以编辑,具体代码如下 报告交付方式: ``` <select class="easyui-combobox" panelHeight="auto" style="width:195px" data-options=&q...