![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
文章平均质量分 84
dearkerwin
这个作者很懒,什么都没留下…
展开
-
jquery插件(一):JQCloud
jqcloud是一个标签云的插件,先看例子,再看用法一、简单的示例1、截图jqcloud示例 — ifxoxo.com/jquery-jqcloud.html2、具体代码script type="text/javascript">var word_list = [ {text: "ifxoxo.com", weight: 13, li原创 2013-08-29 13:28:36 · 4089 阅读 · 0 评论 -
jquery ui(六)拖动排序 sortable
jquery ui 的另一个强大的功能就是拖动排序,也就是通过鼠标的拖到,实现对一些元素的排序。废话少说,用实例说话。一、简单的实例下面是对一组li元素进行排序的实例1、代码 <style> //为了展示的效果更好,增加了一些css样式.sortable { list-style-type: none; margin: 0; padding: 0; width...原创 2013-08-29 13:31:56 · 309 阅读 · 0 评论 -
jquery ui(五)日期选择器 datepicker
JQuery官方的Datepicker控件,可以很方便的使用,可以让用户很方便的在输入框上选择时间。废话少说,现在进入正题一、国际惯例,先上实例1、代码<script> $(function() { $( "#datepicker" ).datepicker(); });</script>Date: <input id=...原创 2013-08-12 13:23:17 · 120 阅读 · 0 评论 -
jquery ui(四)进度条 progressbar
进度条可以向用户显示程序当前完成的百分比,让用户知道程序的进度,提高了用户体验。而jquery ui 则提供一个非常便捷的方法实现这一功能,就是progressbar.一、 老规矩,先上一个简单的例子1、代码如下:<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js">&...原创 2013-08-08 13:20:58 · 242 阅读 · 0 评论 -
jquery ui(三)弹出窗口
jquery ui 提供了强大的dialog功能,基本能满足开发的功能。一、先上一个简单的例子:1、代码如下<script src="http://code.jquery.com/jquery-1.9.1.js"></script><script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js...原创 2013-08-08 13:20:00 · 165 阅读 · 0 评论 -
jquery ui(二)draggable,droppable
刚接触的时候,分不清draggable和droppable的区别,瞎弄了一会,其实很简单,draggable就是“拖”的功能,droppable就是“放”的功能。一、先上一个简单例子1、代码<script src="http://code.jquery.com/jquery-1.9.1.js"></script><script src="http...原创 2013-08-08 13:17:49 · 106 阅读 · 0 评论 -
jquery ui (一)简介
一、简介jQuery UI 是 jQuery 的一部分, 是在jQuery之上的一套专门用于UI交互的类库. 使用jQuery UI可以实现底层交互, 各种高级特效, 动画, 并且可定制主题.我们可以用它轻松的构建高度交互的Web应用程序.二、官方首页:http://jqueryui.com/home三、文档、示例、皮肤下载:http://jqueryui.com/th...原创 2013-08-08 13:13:31 · 106 阅读 · 0 评论 -
jquery ui(四)进度条 progressbar
进度条可以向用户显示程序当前完成的百分比,让用户知道程序的进度,提高了用户体验。而jquery ui 则提供一个非常便捷的方法实现这一功能,就是progressbar.一、 老规矩,先上一个简单的例子1、代码如下:script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"> scr原创 2013-08-12 13:20:21 · 1282 阅读 · 0 评论 -
jquery插件(二):Infinite Scroll–无限分页
一、前言现在有很多网站都有这样的交互1、当你往下浏览页面时,页面会自动去异步加载数据。无限分页效果 infinite scroll 效果图 –ifxoxo.com2、在页面下方有一个“点击加载”的按钮,点击之后页面会去加载数据。无限分页效-infinite scroll 点击加载效果图 –ifxoxo.com虽说这样的原创 2013-10-17 19:57:30 · 2787 阅读 · 0 评论 -
jquery ui(三)弹出窗口 dialog
jquery ui 提供了强大的dialog功能,基本能满足开发的功能。一、先上一个简单的例子:1、代码如下script src="http://code.jquery.com/jquery-1.9.1.js">/script>script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js">/script>l原创 2013-05-24 13:38:31 · 1789 阅读 · 0 评论 -
jquery ui(二)draggable,droppable
刚接触的时候,分不清draggable和droppable的区别,瞎弄了一会,其实很简单,draggable就是“拖”的功能,droppable就是“放”的功能。一、先上一个简单例子1、代码script src="http://code.jquery.com/jquery-1.9.1.js">/script>script src="http://code.jquer原创 2013-05-24 13:37:21 · 1714 阅读 · 0 评论 -
jquery ui(五)日期选择器 datepicker
JQuery官方的Datepicker控件,可以很方便的使用,可以让用户很方便的在输入框上选择时间。废话少说,现在进入正题一、国际惯例,先上实例1、代码script> $(function() { $( "#datepicker" ).datepicker(); });Date: input id="datepicker原创 2013-08-12 13:21:20 · 1334 阅读 · 0 评论 -
jquery ui(六)拖动排序 sortable
jquery ui 的另一个强大的功能就是拖动排序,也就是通过鼠标的拖到,实现对一些元素的排序。废话少说,用实例说话。一、简单的实例下面是对一组li元素进行排序的实例1、代码 style> //为了展示的效果更好,增加了一些css样式.sortable { list-style-type: none; margin: 0; padding: 0; w原创 2013-08-29 13:28:02 · 3200 阅读 · 0 评论 -
jquery插件(一):JQCloud
jqcloud是一个标签云的插件,先看例子,再看用法一、简单的示例1、截图jqcloud示例 — ifxoxo.com/jquery-jqcloud.html2、具体代码<script type="text/javascript">var word_list = [ {text: "ifxoxo.com", weight: 13, link: ...原创 2013-08-29 13:32:25 · 418 阅读 · 0 评论