- 博客(15)
- 收藏
- 关注
RSS订阅原创 jquery插件（三）：Colorbox–内容播放插件
一、colorbox介绍jQuery Colorbox是一款非常好的内容播放插件。它集弹出层、幻灯片播放功能于一身，不仅于此，它还支持其它的内容格式：例如html, flash, iframe等，这些内容的显示方式都是Ajax的。更难能可贵的是，在压缩后它只有10K的大小，使用这款插件不会给你的网页带来过多的负担，而且还能实现很棒的视觉效果，为用户体验增色不少。而且可以更加自己
2013-10-17 20:00:48
1140
原创 jquery插件（二）：Infinite Scroll–无限分页
一、前言现在有很多网站都有这样的交互1、当你往下浏览页面时，页面会自动去异步加载数据。无限分页效果 infinite scroll 效果图 –ifxoxo.com2、在页面下方有一个“点击加载”的按钮，点击之后页面会去加载数据。无限分页效-infinite scroll 点击加载效果图 –ifxoxo.com虽说这样的
2013-10-17 19:57:30
2740
原创 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
409
原创 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
301
原创 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
4073
原创 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
3193
原创 jquery ui（五）日期选择器 datepicker
JQuery官方的Datepicker控件，可以很方便的使用，可以让用户很方便的在输入框上选择时间。废话少说，现在进入正题一、国际惯例，先上实例1、代码<script> $(function() { $( "#datepicker" ).datepicker(); });</script>Date: <input id=...
2013-08-12 13:23:17
111
原创 jquery ui（五）日期选择器 datepicker
JQuery官方的Datepicker控件，可以很方便的使用，可以让用户很方便的在输入框上选择时间。废话少说，现在进入正题一、国际惯例，先上实例1、代码script> $(function() { $( "#datepicker" ).datepicker(); });Date: input id="datepicker
2013-08-12 13:21:20
1321
原创 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
1275
原创 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
236
原创 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
160
原创 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
102
原创 jquery ui （一）简介
一、简介jQuery UI 是 jQuery 的一部分, 是在jQuery之上的一套专门用于UI交互的类库. 使用jQuery UI可以实现底层交互, 各种高级特效, 动画, 并且可定制主题.我们可以用它轻松的构建高度交互的Web应用程序.二、官方首页:http://jqueryui.com/home三、文档、示例、皮肤下载:http://jqueryui.com/th...
2013-08-08 13:13:31
101
原创 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
1774
原创 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
1699
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人