jq smartWizard插件使用

jquery的smartWizard插件使用方法

jquery 的smartWizard插件常用在一些向导式的,按步骤的功能中,是的用户按照我们设定的步骤进行操作,这样一方面有较好的用户体验,可以将庞大的表格数据分解成多个步骤,是的每个步骤的数据量减少:另一方面流程比较清晰,先做那个下一步做什么都是可控可设定的. 下面说一下如何使用,首先html中引入jquery的smartWizard插件对应的jquery.smartWizard-2.0.js html中代码如下: [html] view plaincopyprint? <!--htm

jq分页插件

jq分页插件 http://www.zhangxinxu.com/jq/pagination_zh/ html --------------- <tbody id="hiddenresult" style="display:none;"> <tr> <td>5</td><td>333</td> <td > <span style="color:#e5b612"

怎么用jq封装插件

怎么用jq封装插件以隔行变色为例实现原理:1.找到表格的奇偶行,然后添加不同的class,激活行高亮显示也很简单,只要判断mouseover事件,然后添加一个class,mouseout的时候,再移除 class就行: 2.不用class,直接改变background属性: 直接开干,这里用第二种方法. 第一步: 模板 jq有一个基本框架,直接搬过来呗 (function($){ $.fn.yourName = function(options){ //各种属性.参数 } var optio

jq验证插件validate

博客: http://www.cnblogs.com/linjiqin/p/3433635.html http://blog.csdn.net/windxxf/article/details/7520340 http://gqsunrise.iteye.com/blog/1933366 jq插件库:http://www.jq22.com/jquery-info743 菜鸟教程:http://www.runoob.com/jquery/jquery-plugin-validate.html

jq 幻灯片插件制作

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <meta name=&q

jq分页插件，支持动态，静态分页的插件，简单易用。

工作中经常要用到分页功能.为了方便封装了一个比较通用的分页插件开源出来了,简单易用. 官网:https://cwlch.github.io/Ch_Paging 下载地址:https://github.com/cwlch/Ch_Paging 详细教程:https://cwlch.github.io/Ch_Paging/example/guida.html 示列: 功能介绍: 1.支持静态(写死的数据.假分页).动态分页(Ajax动态请求数据); 2.使用功能可安需求选择:首尾页.上下页.显示条数选

jq封装插件

$.extend()拓展方法: $(function(){ $.extend({ money:function(){ alert("我要努力赚钱") }, money:function(){ alert("我要努力赚钱") }, }) }) $.money()----->就可以调用: ---------------------------------------------------- $.fn.extend()jq对象的拓展方法: $(function()

jq动画插件，自制基于vue的圆形时钟

首先附上jq插件库,里面的东西太炫了,建议学前端的可以看看学习下:http://www.jq22.com/ 里面有个“超个性动画版本的个人简历”,通过屏幕上不断打印内容,改变相应样式来实现动画简历,我从来没想到过还有这种操作: 再附上一个比较有趣的基于vue的圆形时钟: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <

自制jq分页插件

由于第一次写jq插件,中间有借鉴别人的代码. (function(){ var ms = { fillHtml: function(obj, option) { obj.empty(); var totalPage = option.pageCount, pageHtml = "", dotHtml = "<li><a>...</a></li>", tempHtml = ""; if (option

发布两款JQ小插件（图片查看器 + 分类选择器），开源

图片查看器,github地址:https://github.com/VaJoy/imgViewer 效果如下: 这款当初大概写了2小时,有点匆忙地赶出来的,使用的接口很简单: $.bindViewer(".viewer-item"); 它的实现其实也没啥复杂的原理,唯一觉得可说的地方是图片展开的过程 —— 从小变大动态过程的实现.主要是靠这一段代码实现的: $(this).css({"top": win_h / 2 + sroll_t, "margin-l

JQ+rotate插件实现图片旋转，兼容IE7+ \ CHROME等浏览器

插件:/jquery.rotate.min.js CODE: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <META name="WT.test_v" content="1.1.2:B"/> <title>Client coordinates Example</title> <link rel=&

slider jq小插件

html代码 <div class="r_list r_1" style="display:block;"> <div class="min_box"> <ul class="slider_con"> <li> <a href="#" class="r_img"><img src="img/temp/r_img0

js/jq 倒计时插件（一）

//很多时候我们需要用到倒计时比如(一些发布会倒计时,秒杀倒计时,活动倒计时等),接下来将介绍两种倒计时插件的写法 //html结构 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <script src="jquery-2.1

【jq】插件—缓存jquery.cookie.js

jquery.cookie.js插件轻量级cookie管理 1°下载地址:http://plugins.jquery.com/cookie/ 2°引入方式:(基于jquery) <script type="text/javascript" src="js/jquery-1.6.2.min.js"></script> <script type="text/javascript" src="js/jque

JQ 时间插件

JQ 报表插件 jquery.jqplot 使用

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>显示报表</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8">  &

封装基于jq弹窗插件

相信码友们对于$.fn.extexd();$.extend()以及$.fn.custom和$.custom都有一定的了解:我阐述一下我自己对于$.fn.custom和$.custom的理解.有理解错误或是有更好的建议直接喷我就好! 下面咱们进行简单插件的封装: Jquery为开发插件提供了两个方法,分别是: $.fn.INFOplug= $.INF_Oplug=function(){} 先简单的阐述下这两种方法: 这两个分别是: $.INFplug;是为了扩展jquery本身,为类添加新的工具方

jq小插件--方便设置css属性

$.fn.extend({ setCss:function(name,value){ $(this).css(name,value) } }) 调用方式,如: $('.login-btn').setCss('color','#f60')

[f]JQ cookie插件

jQuery.cookie = function(name, value, options) { if (typeof value != 'undefined') { options = options || {}; if (value === null) { value = ''; options = $.extend({}, options); options.expires = -1; } var expires = ''; if (options.expires && (typeo

jq layer插件使用

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <body> <div class="div1" style="width:50px;border:1px solid #ddd;text-align:center

jq smartWizard插件使用

热门专题