itmyhome的专栏

越努力,越幸运

jQuery插件开发

jQuery插件开发方式主要有三种: 1、通过$.extend()来扩展jQuery 2、通过$.fn 向jQuery添加新的方法 3、通过$.widget()应用jQuery UI的部件工厂方式创建 通常我们使用第二种方法来进行简单插件开发,说简单是相对于第三种方式。第三种方式是用来开发...

2016-11-23 22:16:30

阅读数:1081

评论数:0

layer 弹出层

使用方法:一、引入<script type="text/javascript" src="js/jquery-1.8.0.min.js"></script> <script type="text/javascript&...

2016-05-16 18:00:44

阅读数:3339

评论数:8

jQuery可调整表和列宽插件-colResizable

最基本的例子 引入JS script src="js/jquery-1.8.0.min.js" type="text/javascript">script> script src="js/colResizable-1.6.js&...

2016-05-05 18:01:20

阅读数:6081

评论数:1

jQuery Video Extend

HTML5视频扩展插件 可以添加Logo 添加标记 使用方法: 下载:jquery-video-extend "js/jquery-2.1.4.min.js">script> script src="js/jquery.video-exte...

2016-01-09 21:53:54

阅读数:1762

评论数:0

jQuery自定义内容滚动条插件

使用方法: 首先下载插件:http://manos.malihu.gr/jquery-custom-content-scroller/ 一、HTML 引入以下文件 link rel="stylesheet" href="/jquery.mCustomS...

2015-12-16 23:20:03

阅读数:2359

评论数:3

Grumble.js气泡形状的提示(Tooltip)控件

Grumble.js是一个jQuery插件可用于创建球形汽泡Tooltips。Grumble.js采用淡入/淡出的效果展示,可以设置成自动消失或一直显示直到被关闭为止。Tooltips显示的位置可灵活自动变幻,360度全方位无死角,无残留。还能指定任意距离,应用任意CSS样式。这个插件还提供一些回...

2015-03-21 21:59:14

阅读数:4173

评论数:0

Headroom.js插件使用方法

一、Headroom.js是什么?Headroom.js是一个轻量级、高性能的JS小工具(不依赖任何工具库!),它能在页面滚动时做出响应。此页面顶部的导航条就是一个鲜活的案例,当页面向下滚动时,导航条消失,当页面向上滚动时,导航条就出现了。二、Headroom.js有什么用?固定页头(导航条)可以...

2015-03-20 21:56:08

阅读数:3461

评论数:0

jQuery表单插件jquery.form.js

概述jQuery Form Plugin能够让你简洁的将以HTML形式提交的表单升级成采用AJAX技术提交的表单。插件里面主要的方法, ajaxForm和ajaxSubmit,能够从form组件里采集信息确定如何处理表单的提交过程。两个方法都支持众多的可选参数,能够让你对表单里数据的提交做到完全的...

2015-01-18 21:16:14

阅读数:3699

评论数:2

jQuery全屏插件Textarea Fullscreen

插件描述Textarea Fullscreen是一个jquery插件,可以将textarea设置为全屏模式使用方法引用jquery.js,jquery.textareafullscreen.js和textareafullscreen.css

2014-08-07 23:20:06

阅读数:3251

评论数:0

jQuery幻灯片插件Skippr

Skippr是一款带左右箭头,索引按钮,滑动切换效果并且轻量、快速的幻灯片设置引入jquery.skippr.css、jquery.js、jquery.skippr.js 注意jQuery必须在jquery.skippr.js之前 创建DIV元素,div标签内添加ba...

2014-08-06 21:21:25

阅读数:2664

评论数:1

jQuery跳房子插件hopscotch

插件描述跳房子是一个框架,使开发人员可以轻松预览产品并添加到他们的网页跳房子接受JSON对象作为输入,并提供开发人员来控制渲染巡演显示和管理的游览进度的API。使用步骤要使用跳房子框架上手,只需包括hopscotch.css和hopscotch.js您的网页上。这将加载跳房子对象到全局的windo...

2014-08-05 22:02:55

阅读数:4011

评论数:3

jQuery回到顶部插件jQuery GoUp

插件描述jQuery GoUp!是一个简单的jQuery插件,让你的网页用户直接回到顶部。使用方法非常简单引用jquery库和jquery.goup.min.js到你的页面

2014-08-04 22:25:33

阅读数:3984

评论数:0

Bootstrap-maxlength使用

这是一款非常酷的jQuery实现的Bootstrap插件,允许输入用户字符数.它可以让你显示字符用户插入的最大长度。1、引入jquery.js及bootstrap-maxlength.js $(function(){ $('#name').maxlength({ alwa...

2014-06-20 22:28:57

阅读数:4450

评论数:2

jQuery图片切换插件jquery.cycle.js

Cycle是一个很棒的jQuery图片切换插件,提供了非常好的功能来帮助大家更简单的使用插件的幻灯功能 Cycle插件可以作用于页面中的任何一组同辈元素。为展示这一点,我们需要一个简单的 HTML文档,文档中是一个包含商品封面和相关信息的列表,可以添加到HTML文档的主体中:

2014-06-15 22:34:03

阅读数:3637

评论数:1

CSS3/jQuery自定义弹出窗口

简单演示一下,精简了演示效果和css样式文件,更利于在项目中的实际应用 然后将style.css、index.js和index.html放在同一路径下 用chrome或Firefox打开index.html即可 不支持IE浏览器

2014-06-01 21:03:46

阅读数:3574

评论数:1

jQuery拖动调整表格列宽度-resizableColumns

jQuery拖动调整表格列宽度-resizableColumns 实现鼠标可拖动调整表格列宽度 <script src="/js/jquery-1.8.0.min.js" type="text/javascript"></script>...

2014-05-25 23:51:02

阅读数:8291

评论数:2

jQuery表格排序组件-tablesorter

jQuery表格排序组件-tablesorter 一、引入文件 <script type="text/javascript" src="js/jquery.js"></script> <script type="te...

2014-05-23 22:59:24

阅读数:6442

评论数:0

jQuery Fancybox插件介绍

下面介绍一款jquery图片播放插件叫Fancybox,项目主页地址:http://fancybox.net/ Fancybox的特点如下: 1、可以支持图片、html文本、flash动画、iframe以及ajax的支持 2、可以自定义播放器的CSS样式 3、可以以组的形式进行播放,导航的按钮(上...

2014-05-12 17:41:22

阅读数:2445

评论数:1

jQuery Validation让验证变得如此容易(三)

以下代码进行对jQuery Validation的简单演示包括必填项、字符长度,格式验证一、引入文件 二、声明HTML片段

2014-05-08 20:07:48

阅读数:2639

评论数:1

jQuery Validation让验证变得如此容易(二)

上一个例子我们是统一引用jquery.validate.js这样所有必填字段的提示信息都将是This field is required.现在要改成动态提示,比如姓名如果为空则提示姓名不能为空,密码如果为空则提示密码不能为空。这次我们将校验规则写在代码里首先还是先引入文件

2014-05-07 20:07:34

阅读数:1681

评论数:1

提示
确定要删除当前文章?
取消 删除
关闭
关闭