JQuery simpleModal插件的使用-遁地龙卷风

(0)写在前面 jquery.simpleModal.浏览器这三者的兼容性,不仅显示在报错上,还体现在所呈现的效果不是预期上. 说一下我的环境 jquery-1.8.3.js jquery.simplemodal.js 1.4.4 chrome49 去官网下载simpleModal,可以省去很多麻烦,比如名子一样但内容不一样,说多了都是泪啊 (1)快速入手导入顺序 <script type="text/javascript" src="jquery-1.8.3.js…

JQuery data方法的使用-遁地龙卷风

(-1)说明我用的是chrome49,这个方法涉及到JQuery版本问题,我手里有3.0的,有1.9.1,后面将1.9.1及其以前的称为低版本,3.0称为高版本测试例子用到的showMessage方法如下 showMessage.i = 0; function showMessage(object) { var body = $("body")[0]; var $p =$("#debugp"); if($p.length==0) { $p = $("&…

jQuery学习笔记（jquery.simplemodal插件）

官网地址:http://www.ericmmartin.com/ SimpleModal是一个轻量级的jQuery插件,它为模式窗口的开发提供了一个强有力的接口,可以把它当作模式窗口的框架.SimpleModal非常的灵活,可以创建你能够想像到的任何东西,并且你还不需要考虑UI开发中的跨游览器相关问题. 好像simplemodal1.4.4版本在jQuery2.0上运行有些问题.我的测试结果是IE 10版本中不能正常运行,但在Firefox 23版本与chrome 27版本中运行正常.然后把jQ…

jquery toggle方法使用出错?请看这里-遁地龙卷风

这个函数在1.9之前和1.9之后的用法大不相同 1 1.9之间,用于点击元素时函数的轮流执行 toggle(function() { alert(1);//1,3,5,7... },function() { alert(2);//2,4,6,8... }) 还可以绑定更多 2 1.9之后用于隐藏.显示元素, 当元素显示时,他会隐藏元素,当元素隐藏时,他会显示元素. 直接绑定在元素上即可,不需要点击显示 <body> <div id="js" style="…

30个Jquery灯箱插件

jQuery 是非常流行的JS框架,其俨然已成了开发者的必备工具,其中的jQuery Lightbox插件更是为广大开发者所喜爱.它惊人的特征之一是jQuery Lightbox插件有很多变化. 下面介绍30个最好的jQuery Lightbox 插件,别忘了收藏它,以防未来的设计中错过它们中的一个. 1. Fancy Zoom (jQuery) 几天前,John重写了Cabel Sasser的FancyZoom,在Prototype和Scriptaculous程序库上.我将它引入到jQuery…

深入学习jQuery自定义插件

原文地址:jQuery自定义插件学习 1.定义插件的方法对象级别的插件扩展,即为jQuery类的实例增加方法, 调用:$(选择器).函数名(参数); $(‘#id’).myPlugin(options); 定义的方式: $.fn.extend({ "函数名":function(自定义参数){ //这里写插件代码 } }); //或者是 $.fn.函数名 = function(options){ //这里写插件代码 } 类级别的方法,就是扩展jQuery类本身的方法,为它增加…

[jQuery]jQuery DataTables插件自定义Ajax分页实现

前言昨天在博客园的博问上帮一位园友解决了一个问题,我觉得有必要记录一下,万一有人也遇上了呢. 问题描述园友是做前端的,产品经理要求他使用jQuery DataTables插件显示一个列表,要实现分类效果. 后端的分页接口已经写好了,不涉及条件查询,需要传入页码(pageNo)和页面显示数据条数(pageSize),显示相应页的显示记录,且不能修改后端接口. 分析先来分析下分页实现. 一是后端分页:这种情况下,在后端很容易实现,在官网上有示例,不多说明. 二是前端分页:前端分页也是支持的,不…

使用jQuery.form插件，实现完美的表单异步提交

传送门:异步编程系列目录…… 时间真快,转眼一个月快结束了,一个月没写博客了!手开始生了,怎么开始呢…… 示例下载:使用jQuery.form插件,实现完美的表单异步提交.rar 月份的尾巴,今天的主题是今天我想介绍的是一款jQuery的插件:Jquery.form.js 官网. 通过该插件,我们可以非常简单的实现表单的异步提交,并实现文件上传.进度条显示等等. 种表单提交示例,并简单分析了各种方式的利弊. 当然主题还是使用jQuery表单插件轻松实现表单异步提交以及分析下该插件的源码. AS…

为jQuery写插件

很多场合,我们都会调用jQuery的插件去完成某个功能,比如slider. 如下图,做一个div,通过“$( "#slider" ).slider();”的方式直接将div变成slider,比起slider($('#slider'))更贴近jQuery的链式调用写法,可读性和通用性更好些. 那么,我们也来为jQuery写插件.便于项目中的组件化. 方法是非常简单的,那就写一个测试的demo来作为基础的验证吧. 定义html,假设我们要把test div修改成宽高都是200px,背景色为…

bootstrap-简洁实用的jQuery手风琴插件

前端 <html lang="zh"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-s…

Chocolat.js – 响应式的 jQuery Lightbox 插件

Chocolat.js 使您能够显示一个或多个图像在同一页面上.给用户展示一组图片缩略图,可以显示全页或块.Chocolat.js 可以很好地处理所有主要的浏览器.它在下面这些浏览器测试通过:IE7+,火狐,Chrome,Opera 和 Safari 浏览器. 马上去试试您可能感兴趣的相关文章网站开发中很有用的 jQuery 效果[附源码] 分享35个让人惊讶的 CSS3 动画效果演示十分惊艳的8个 HTML5 & JavaScript 特效 Web 开发中很实用的10个效果[源码下载]…

让网站动起来！12款优秀的 jQuery 动画插件推荐

如今,大多数设计师和开发人员被要客户要求开发动态的网站.创造视觉震撼和醒目的动态网站是艰巨的任务,因为它需要大量的努力和创造力.在网络上有大量的工具和插件可用于创建网站动画.许多开发人员正在使用 HTML5 和 jQuery 提供的最新功能来创建创建和实现震撼的视觉效果. 如果你正在寻找一款 jQuery 动画插件,使得网站内容更加动感,那么你找对地方了,因为下面是12款优秀的 jQuery 动画插件清单,将帮助你为你的网络项目创建各种动画效果.Enjoy !! 您可能感兴趣的相关文章精心挑选…

一个强大的jquery分页插件

点击这里查看效果这个分页插件使用方便,引用keleyidivpager.js和keleyidivpager.css文件,然后在htm(或者php,aspx,jsp等)页面中对分页总数,参数名,前缀后缀等进行设置就可以了以下是源代码: <!DOCTYPE html> <html> <head> <title>一个强大的jquery分页插件-柯乐义</title> <script type="text/javascript&quo…

jquery编写插件的方法

版权声明:作者原创,转载请注明出处! 编写插件的两种方式: 1.类级别开发插件(1%) 2.对象级别开发(99%) 类级别的静态开发就是给jquery添加静态方法,三种方式 1.添加新的全局函数 2.使用$.extend(obj) 3.使用命名空间类级别开发插件(用的非常少,1%) 分别举例: //1.直接给jquer添加全局函数 jQuery.myAlert=function (str) { alert(str); }; //2.用extend()方法.extend是jquery提供的一个…

jQuery倒计时插件

倒计时jQuery插件引言最近又换工作了,还不错,我换工作的次数其实有点频繁,2014年7月份毕业,到现在工作已经换了3份了,工资跟刚毕业时候相比也涨了点儿,最近一次换工作我离开了深圳,来到了北京.去北京之前在深圳拿到了大疆创新的offer,但是又有点不太想去,就来北京找工作了,先后拿了VIP.掌阅.乐视的offer,最后偶然的机会,头脑一发热却去了另一家公司,目前看来当时的决定还不错.作为我来说,我绝对不会"煎熬"着在一家公司去熬什么职位,这他妈都是扯淡,现在不会,以后也不会,好…

逻辑思维面试题-java后端面试-遁地龙卷风

(-1)写在前面最近参加了一次面试,对笔试题很感兴趣,就回来百度一下.通过对这些题目的思考让我想起了建模中的关联,感觉这些题如果没接触就是从0到1,考验逻辑思维的话从1到100会更好,并且编程简易模型就是输入->程序->输出,这有点像一个人藏东西让你找,去分析这个题的特性,从哪方面展开,从哪个点切入,根据已有的条件推出新的条件,从而选出正确答案.让我想到了我的瓶颈,做一个程序就像炼丹药,材料有了,配方有了,不同丹药需要的时间不一样,如何掌控火候是关键啊! (0)题目解答第一题 4 2 12…

基于jquery fly插件实现加入购物车抛物线动画效果,jquery.fly.js

在购物网站中,加入购物车的功能是必须的功能,有的网站在用户点击加入购物车按钮时,就会出现该商品从点击出以抛物线的动画相似加入购物车,这个功能看起来非常炫,对用户体验也有一定的提高.下面介绍基于jquery fly插件实现加入购物车抛物线动画效果.使用jquery.fly插件很方便时实现抛物线动画加入购物车的功能一.插件下载插件官方:https://github.com/amibug/fly 二.载入jQuery库文件和jquery.fly.min.js插件 <script src="j…

jQuery常用插件

jQuery UI插件简介: jQuery UI是以 jQuery 为基础的开源 JavaScript 网页用户界面代码库.包含底层用户交互.动画.特效和可更换主题的可视控件.我们可以直接用它来构建具有很好交互性的web应用程序.所有插件测试能兼容IE 6.0+, Firefox 3+, Safari 3.1+, Opera 9.6+, 和GoogleChrome. jQuery UI 常用插件: 1.dialog插件 2.tabs插件 3.menu插件 4.autocomplete插件 5…

jquery autocomplete插件

jquery autocomplete插件 https://goodies.pixabay.com/jquery/auto-complete/demo.html autocomplete-table 以表格形式提示: http://vyasrao.github.io/tAutocomplete/…

jquery自定义插件——以选项卡插件为例

一直打算尝试自定义插件,终于付诸实践了,现在把内容发表出来,与大家共勉. 我是根据自己正在用的插件,模仿其源码,实现的自定义插件,完成之后,在网上看相关资料,对自定义插件部分,有了更明确的认识. jquery自定义插件的两种方式: 一.jquery对象级插件--调用方法:$("#id").函数名(参数); (function($){ $.fn.extend({ "函数名":function(自定义参数){ //这里写插件代码 } }); })(jQuery);或者…

我利用网上代码开发的JQuery图片插件

我利用网上代码开发的JQuery图片插件代码如下 (function($){ $.fn.FocusPic = function(options){ var defaults = { intervalTime:1000,//切换时间 divElement:".FocusPic",//div元素 imgElement:".imgList",//图片元素 numElement:".countNum",//数字索引按钮元素 titleElement:&…

noty – jQuery通知插件

noty是一个jQuery的通知(信息提示)插件,灵活轻便,是一个非常棒的用于替代传统提示对话框的插件. 当前最新版本为2.1.0: 从https://github.com/needim/noty 可以获取最新源代码. 布局样式支持的提示样式,每种样式都有预定义好的css样式: alert: 默认的提示样式 success: 成功 error: 错误 warning: 警告 information: 信息支持的布局位置: top: 顶部,长条状 topLeft/topCenter/top…

Jquery相册插件（开源下载）

一,导言上次 “不定义JQuery插件,不要说会JQuery” 的博客写的肤浅,漏洞百出,而且最重要的是从理论上说如何定义一个jQuery插件,没有实质性的写一个jQuery插件出来,这未免是纸上谈兵.在两周前我就琢磨着写一个什么插件,最后决定写一个jQuery相册插件比较合适,jQuery相册插件虽然在google上一搜,能搜索出成百上千的产品,比如下边列表中谈到的: 60+ Useful jQuery Image Slider Roundup 100+ Free jQuery Image…

S Gallery – 很有特色的响应式 jQuery 相册插件

S Gallery 是一款响应式的 jQuery 相册插件.使用了 HTML5 全屏 API 以及 CSS3 动画和 CSS3 转换,所以只能在支持这些功能的浏览器中使用. 这款插件它有一个特色功能:退出幻灯片模式回到网格视图模式,最后一张活跃的图片会以动画形式回到网格视图中的初始位置,因此用户知道他们浏览到画廊中的哪张图片上. 您可能感兴趣的相关文章 Transit – 超平滑的 CSS 过渡和变换动画效果插件 Pop Easy – 轻松实现模态窗口的 jQuery 插件 Web 开发人员必…

FancyBox - 经典的 jQuery Lightbox 插件

FancyBox 是一款非常优秀的弹窗插件,能够为图片.HTML 内容和其它任务的多媒体内容提供优雅的弹出缩放效果.作为是最流行的 Lightbox 插件之一,可以通过 fitToView 实现自适应功能.主要特色: ✓ 能够显示图片.HTML 元素.SWF 影片.iframe 框架和 Ajax 请求的内容 ✓ 可以通过配置和 CSS 自定义外观和功能 ✓ 一组内容可以实现导航 ✓ 支持滚动事件驱动浏览 ✓ 在放大项目下方有漂亮的投影效果演示插件下载您可能感兴趣的相关文章…

SlidesJS - 老牌的响应式 jQuery 幻灯片插件

SlidesJS 是一款老牌的 jQuery 幻灯片插件,经过多年的发展,已经成为一款功能齐全,设计精巧的幻灯片插件.支持循环.自动播放功能和淡入淡出过渡效果,并且能够自动生成分页,可以帮助开发者制作出优雅的幻灯片效果. 插件下载效果演示使用示例: <!doctype html> <head> <style> /* Prevents slides from flashing */ #slides { display:none; } </style>…

Select-or-Die：灵活的 jQuery 下拉列表插件

Select-or-Die 是一个 jQuery 插件,用来自定义下拉列表(Select)元素.原生的下拉选择元素在各个浏览器的默认样式差异很多,而且自定义样式很困难,因此 Web 开发人员喜欢使用插件来模拟下拉选择功能.这款插件可以给多多一个选择,可以试试. 您可能感兴趣的相关文章 Web 开发中很实用的10个效果[附源码下载] 精心挑选的优秀jQuery Ajax分页插件和教程 12款经典的白富美型 jQuery 图片轮播插件让网站动起来!12款优秀的 jQuery 动画插件精心挑选的美…

Skippr – 轻量、快速的 jQuery 幻灯片插件

Skippr 是一个超级简单的 jQuery 幻灯片插件.只是包括你的网页中引入 jquery.skippr.css 和 jquery.skippr.js 文件就能使用了.Skippr 能够自适应窗口宽度,而且导航是独特的条形导航. 您可能感兴趣的相关文章太赞了!超炫的页面切换动画效果[附源码下载] 创意无限!一组网页边栏过渡动画[附源码下载] 好东西!动感的页面加载动画效果[附源码下载] 使用 CSS3 实现3D图片滑块效果[附源码下载] 时尚设计!三种奇特网格加载效果[附源码下载] 源码下…

Velocity – 另外一款加速的 jQuery 动画插件

Velocity 是一款 jQuery 插件,重新实现了 $.animate() 方法,提供更高的性能(比 CSS 动画还更快),同时包括一些新的功能,以改进动画工作流程.Velocity 除了包括所有 $.animate() 的功能外,同时也包装了颜色的动画,转换,滚动等动画效果. 您可能感兴趣的相关文章创意无限!一组网页边栏过渡动画[附源码下载] 真是好东西!13种非常动感的页面加载动画效果你见过吗?9款超炫的复选框(Checkbox)效果超赞!基于 Bootstrap 的响应式的后台…