基于jQuery开发的手风琴插件 jquery.accordion.js

【基于jQuery开发的手风琴插件 jquery.accordion.js】的更多相关文章

基于jQuery开发的手风琴插件 jquery.accordion.js

1.插件代码少说多做,基于jQuery的手风琴插件jquery.accordion.js的代码: /* * 手风琴插件说明: * 1.treeTrunk对应树干 * 2.treeLeaf对应树叶,html代码结构一般为treeTrunk.next()元素 * 3.treeTrunkActiveClass是树干展开后添加的样式 * 4.treeType是触发手风琴效果的事件形式 * 5.treeIs 加载后是否将第一个树干展开 * 6.speed 展开.闭合动画执行时间 * 7.插件命名为j…

使用jQuery开发tab选项卡插件

为了复习巩固jQuery的插件开发.HTML和CSS方面的知识,做了一个简单的tab选项卡插件,简单记录一下开发.使用的过程,以备日后使用. 一.插件效果 tab选项卡插件常用的功能均已实现,包括:动态添加选项卡.关闭选项卡.选中指定选项卡.判断选项卡是否选中.判断选项卡是否存在等. 效果如下: 二.插件内部HTML元素结构 <div id="main"> <div class="tab"> <ul class="tab-he…

jQuery 开发一个简易插件

jQuery 开发一个简易插件 //主要内容 $.changeCss = function(options){ var defaults = { color:'blue', ele:'text', fontSize:'30px' } var options = $.extend(defaults , options); var change ={ changeColor:function(){ $('#'+options.ele).css('color',options.color); }, c…

使用jQuery开发tab选项卡插件（可以右键关闭多个标签）

在前一篇“使用jQuery开发tab选项卡插件”的基础上添加了tab标签右键关闭菜单功能,菜单主要包括:关闭当前标签.关闭左侧标签.关闭右侧标签.关闭其他.关闭全部. 一.插件效果二.实现思路为window对象添加右键菜单事件监听: 当事件源对象为tab标签时,取消默认的右键菜单,显示菜单div即设置display: block,并为每一个菜单项添加事件监听: 当事件源对象不为tab标签时,关闭菜单div即设置display: none 为window对象添加单击事件监听:关闭菜单div即设…

jQuery响应式幻灯片插件jquery.glide.js（支持触摸&轻量级）

找到一款好的幻灯片插件不容易,找到一款功能全并且使用很简单的幻灯片更不容易,今天为大家分享一款全能的幻灯片插件glide.js,也是我现在在使用的一款插件. jquery.glide.js是响应和触摸友好的jQuery的滑块插件,基于CSS3也支持较老的浏览器. jquery.glide.js功能介绍轻量级压缩过后的js 仅〜4.5 KB左右超快速CSS3过渡,对移动设备的友好支持响应式布局它适用于智能手机,平板电脑和台式机. 支持API回调,支持键盘导航构造布局简单,没有多余的代码…

jQuery文件上传插件jQuery Upload File 有上传进度条

jQuery文件上传插件jQuery Upload File 有上传进度条 jQuery文件上传插件jQuery Upload File,插件使用简单,支持单文件和多文件上传,支持文件拖拽上传,有进度条显示.标准HTML form文件上传,也就是说,只要服务端支持接收multipart/form-data格式数据就能使用此上传插件. 本站web端文件文件提交即使用此插件,效果如下: 浏览器支持浏览器支持:IE 8.0,IE 9.0,IE 10.0,Firefox,Safari,Opera,Ch…

jQuery 表单验证插件 jQuery Validation Engine 使用

jQuery 表单验证插件 jQuery Validation Engine 使用方式如下: 1.引入头文件(注意一定要把jQuery放在前面),指定使用 jQuery Validation Engine 的<form>的ID: <script src="lib/jquery-1.8.3.min.js"></script>  <link rel="stylesheet&qu…

jquery判断浏览器版本插件，jquery-browser.js

jquery判断浏览器版本插件,jquery-browser.js,jquery 判断是否为ie浏览器插件 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 2016年7月22日 15:05:38 星期五 http://fanshuyao.iteye.com/ 一.jquery判断浏览器版本插…

jQuery懒加载插件jquery.lazyload.js使用说明实例

jQuery懒加载插件jquery.lazyload.js使用说明实例很多网站都会用到‘图片懒加载’这种方式对网站进行优化,即延迟加载图片或符合某些条件才开始加载图片.懒加载原理:浏览器会自动对页面中的img标签的src属性发送请求并下载图片.通过动态改变img的src属性实现. Lazy Load 是一个用 JavaScript 编写的 jQuery 插件.它可以延迟加载长页面中的图片在浏览器可视区域外的图片不会被载入,直到用户将页面滚动到它们所在的位置.与图片预加载的处理方式相反,在包含很多…

[转]jquery开发自定义的插件总结

本文转自:http://www.cnblogs.com/Jimmy009/archive/2013/01/17/jquery%E6%8F%92%E4%BB%B6.html 前几天在玩jquery,今天就把这几天的学习做一个总结. 首先jquery开发自定义的控件分两大类(我自己这么分的),第一就是不带参数的插件,还有一类就是带参数的jquery插件了. 先从简单的开始.首先我们要了解一下什么叫jquery,jquery是对js的一系列的分装,说白了他就是js的分装以后的产物.但是我们用jquer…

JQuery文件上传插件JQuery.upload.js的用法简介

JQuery文件上传插件,这个插件很小,用法很简单,效果却很棒.注意:JQuery版本要求1.8及以上,大家执行如果没效果,则检查JQuery版本,如果是1.8及以上,则该插件源码中的.size()需要替换为.length,在2019-12-30以后向我要源码的不用担心这个问题,已经修正了.先看看效果图: 是不是很简洁清爽,后台Java文件接收类就不贴了,都是一样的. 注意:为了简洁的接收上传文件的相关信息,后台凡是在涉及上传文件的实体类,都增加字段‘upload’. 1.HTML部分:只需添加…

效果非常好的 Jquery弹出层插件 jQuery Sweet alert

介绍款交互性非常不错的jquery弹出层插件,支持消息提示.错误提示.确认框提示等. 交互式体验感非常不错,比如咱们现在体验非常不错的微信支付.支付宝等完成后的效果. 不过本插件至少支持IE9+ Jquery Sweet Alert 使用方式也特别简单.粗暴,符合大众的jquery插件使用方法. 演示地址: http://www.xuetub.com/plugin/demo/111 欢迎大家去学徒帮分享更多jQuery插件,大家共同学习进步,帮助更多的小伙伴!!!…

jquery表单验证插件 jquery.form.js ------转载

Form插件,支持Ajax,支持Ajax文件上传,功能强大,基本满足日常应用. 1.JQuery框架软件包下载文件: jquery.rar 大小: 29KB 下载: 下载 2.Form插件下载文件: jquery.form.rar 大小: 7KB 下载: 下载 3.Form插件的简单入门第一步:先增加一个表单 <form id="myForm" action="comment.php" method="post"> Nam…

jquery表单验证插件 jquery.form.js-转

来自:http://www.cnblogs.com/luluping/archive/2009/04/15/1436177.html Form插件,支持Ajax,支持Ajax文件上传,功能强大,基本满足日常应用. 1.JQuery框架软件包下载文件: jquery.rar 大小: 29KB 下载: 下载 2.Form插件下载文件: jquery.form.rar 大小: 7KB 下载: 下载 3.Form插件的简单入门第一步:先增加一个表单 <form id="myForm"…

JQuery开发工具和插件

最近的研究jquery.为大家介绍几款开发工具.能够帮助你提高开发的效率. 1.Dreamweaver Dreamweaver是建立在WEB站点和应用程序的专业工具. 将可视化工具.应用程序开发功能和代码编辑支持组合在一起.使得各个层次的开发者和设计人员都可以高速创建基于标准的站点和应用程序. 要使Dreamweaver支持jquery自己主动提示代码功能,方法非常easy,仅仅须要下载一个插件就可以. 下载地址例如以下: 在Dreamweaver中依次选择命令-扩展管理-安装管理-JQurer…

jquery开发自定义的插件总结

1.第一种方式,有元素的插件 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv…

使用jQuery开发dialog对话框插件

1.插件使用首先引入 jquery 库,然后引入 dialog.js.dialog.css,如下: <script type="text/javascript" src="js/jquery/jquery-1.7.2.min.js"></script> <script type="text/javascript" src="js/dialog.js"></script> <…

jquery轻量级数字动画插件jquery.countup.js

插件描述: jquery.countup.js 是一款轻量级jquery数字动画插件.该数字动画插件可以在页面滚动时,将指定的数字从0开始计数增加动画. 插件说明 jquery.countup.js 是一款轻量级jquery数字动画插件.该数字动画插件可以在页面滚动时,将指定的数字从0开始计数增加动画. 该数字动画插件可以控制动画的延迟时间和动画过渡时间.它依赖于 Waypoints 插件来监听滚动事件. 安装可以通过npm或bower来安装 jquery.countup.js插件. npm…

jQuery懒加载插件 – jquery.lazyload.js简单调用

Lazy Load 是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预加载的处理方式正好是相反的.在包含很多大图片长页面中延迟加载图片可以加快页面加载速度. 浏览器将会在加载可见图片之后即进入就绪状态. 在某些情况下还可以帮助降低服务器负担. 一.下载和引用官网下载地址:http://plugins.jquery.com/lazyload/ Lazy Load 依赖…

jQuery懒加载插件 – jquery.lazyload.js

Lazy Load 是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预加载的处理方式正好是相反的.在包含很多大图片长页面中延迟加载图片可以加快页面加载速度. 浏览器将会在加载可见图片之后即进入就绪状态. 在某些情况下还可以帮助降低服务器负担. 一.下载和引用官网下载地址:http://plugins.jquery.com/lazyload/ Lazy Load 依赖…

简单jQuery图片自适应宽度插件jQuery.imgAutoSize.js

(function ($) { var loadImg = function (url, fn) { var img = new Image(); img.src = url; if (img.complete) { fn.call(img); } else { img.onload = function () { fn.call(img);…

jQuery表单验证插件——jquery.validate.js

官网地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation 一.导入js库 <script src="../js/jquery.js" type="text/javascript"></script> <script src="../js/jquery.validate.js" type="text/javascript"&…

Jquery 多选下拉列表插件jquery multiselect

有一个多选的需求,在网上找到了这个插件:multiselect https://github.com/ehynds/jquery-ui-multiselect-widget csdn博客上有这个插件的介绍,不少童鞋都问了这么个问题,怎么获取选中的值?真是个好问题,因为我在看demo的时候也发现了这个问题,呵呵! 先简单说说这个插件: jquery-multiselect 基于Jquery-ui的组件体系. 所以使用它的时候,先得导入jquery-ui相关的js和css哦特性支持点击la…

jQuery日期和时间插件（jquery-ui-timepicker-addon.js）中文破解版使用

<html> <head> <title></title> <link type="text/css" href="http://code.jquery.com/ui/1.9.1/themes/smoothness/jquery-ui.css" rel="stylesheet" /> <link href="jQuery-Timepicker-Addon/jquery-u…

jQuery的md5加密插件及其它js md5加密代码

/** * jQuery MD5 hash algorithm function * * <code> * Calculate the md5 hash of a String * String $.md5 ( String str ) * </code> * * Calculates the MD5 hash of str using the » RSA Data Security, Inc. MD5 Message-Digest Algorithm, and returns t…

一些基于jQuery开发的控件

基于jQuery开发,非常简单的水平方向折叠控件.主页:http://letmehaveblog.blogspot.com/2007/10/haccordion-simple-horizontal-accordion.html (无法找到)下载:http://letmehaveblog.blogspot.com/2007/10/haccordion-simple-horizontal-accordion.html 示例:http://letmehaveblog.blogspot.com/2007…