jq websockt插件

Jquery封装: WebSocket插件

1 $(function() { var websocket = null; //浏览器是否支持websocket if ("WebSocket" in window) { try { websocket = new WebSocket($("#socketUrl").val()); websocket.onopen = function(data) { // console.log("connect success "); }; websock

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树插件 — zTree笔记

1.zTree作者很贴心的为使用者将不同功能的代码封装成不同的文件,方便大家尽量减少加载的代码量,如果基本全用到,则不必一个个引用,有一个文件“jquery.ztree.all.js”,包含了所有.如果setting了某个属性但是没呈现应有的效果,不必怀疑,那是没有引用到具有该功能的js文件. 2.在setting时,一定要注意属性名称的大小写,比如callback中 onClick,如果写成小写“onclick”,那么点击也不会触发事件的. 3.在自己例子上运行正确,运用到项目中报错:“Can

jq websockt插件

热门专题