jQuery
关注
分享
扫一扫
文章平均质量分 78
sensus森森
强大自己是解决问题的最佳途径
展开
-
1、jQuery插件之bxSlider幻灯片插件
jquery.bxslider.min.js"> img{ width: 100%; } $(document).r原创 2017-05-26 15:28:56 · 907 阅读 · 0 评论 -
13、jQuery插件之Lazy Load图片延迟加载插件
参考地址:http://www.jq22.com/jquery-info390使用方法引用jquery和jquery.lazyload.js到你的页面="jquery-1.11.0.min.js">/script>="jquery.lazyload.js?v=1.9.1">/script>html图片调用方法为图片加入样式lazy 图片路径引用转载 2017-05-27 10:07:24 · 665 阅读 · 0 评论 -
14、jQuery插件之jquery.spinner数字智能增减插件
参考地址:http://www.helloweba.com/view-blog-282.html左右加减数字像京东提交订单时目前使用的是左右加减数字的效果，这个效果直接明了，操作简单。我们使用jquery.spinner.js插件实现左右加减数字，调用方法非常简单，请看演示示例1。 type="text" class="spinner"/> 调用也非常简单，先载入jqu转载 2017-05-27 10:10:28 · 17797 阅读 · 0 评论 -
15、jQuery插件之slider幻灯片插件(可悬停控制)
slider.js代码:/** * slider插件可悬停控制 */; $(function ($, window, document, undefined) { Slider = function (container, options) { /* options = { auto: true,转载 2017-05-27 10:19:38 · 1561 阅读 · 0 评论 -
jQuery中的on与bind绑定事件区别实例详解
bind与on的区别就在于–事件冒泡，关于jquery中的on与bind绑定事件的区别通过本文给大家实例讲解on(events,[selector],[data],fn)events:一个或多个用空格分隔的事件类型和可选的命名空间，如”click”或”keydown.myPlugin” 。selector:一个选择器字符串用于过滤器的触发事件的选择器元素的后代.data:当一个原创 2017-07-05 17:32:24 · 710 阅读 · 0 评论 -
jQuery回溯处理的设计
关于jQuery对象的包装var $aaron = $("aaron");通过对sizzle的分析，我们可以得知Query选择器最终都是通过DOM接口实现取值的, 但是通过jQuery处理后返回的不仅仅只有DOM对象，而是一个包装容器，返回jQuery对象：$aaron。我们来看一下代码：在jQuery对象中有个prevObject对象，这个是干嘛用的呢？如转载 2017-07-21 15:23:16 · 294 阅读 · 0 评论 -
基于BootStrap仿淘宝星星商品评价案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <title>基于BootStrap的仿淘宝星星商品评价案例</title> <link rel="stylesheet&qu原创 2017-07-09 17:19:40 · 4417 阅读 · 3 评论 -
16、jQuery插件之Slick幻灯片插件
简介slick 是一个基于 jQuery 的幻灯片插件，具有以下特点：支持响应式浏览器支持 CSS3 时，则使用 CSS3 过度/动画支持移动设备滑动支持桌面浏览器鼠标拖动支持循环支持左右控制支持动态添加、删除、过滤支持自动播放、圆点、箭头、回调等等兼容浏览器兼容：兼容 IE7+ 及其他主流浏览器，若要兼容 IE7，需修改 CSS（slick.css）。原创 2017-08-24 14:18:28 · 5983 阅读 · 0 评论 -
Ajax+PHP异步上传头像案例
效果截图：上传页面<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> </head> <body> 头像:<img id="avatar"原创 2018-03-08 11:54:52 · 1201 阅读 · 0 评论 -
12、jQuery插件之Validform表单验证插件
Demo - Validform - 一行代码搞定整站的表单验证！ .registerform li{padding-bottom:20px;} .Validform_checktip{margin-left:10px;} .registerform .label{display:inline-block; width:70px;}转载 2017-05-27 09:57:05 · 1379 阅读 · 0 评论 -
11、jQuery插件之回到顶部插件
demo1： artDialog插件 jquery.scrollToTop.min.js"> #toTop:hover { opacity: 0.8; filter: alpha(opaci原创 2017-05-27 09:42:16 · 585 阅读 · 0 评论 -
8、js插件之MagicZoom.js放大镜插件
MagicZoom.js放大镜插件官网:https://www.magictoolbox.com/magiczoom/转载 2017-05-26 16:24:05 · 3193 阅读 · 0 评论 -
2、jQuery插件之cxSelect城市选择（三级级联效果国际版和国内版）
版本一: jquery.cxselect.js"> 国内城市三级联动原创 2017-05-26 15:38:57 · 3157 阅读 · 0 评论 -
3、jQuery插件之datetimepicker时间插件
datetimepicker 插件用法及参数说明// 选择时间和日期$(".form-datetime").datetimepicker({ weekStart:1, todayBtn:1, autoclose:1, todayHighlight:1, startView:2, forceParse:0, showMeridian:转载 2017-05-26 15:54:03 · 8390 阅读 · 0 评论 -
4、jQuery插件之dragdrop拖放插件
jquery-ui.js"> .div1,.div2,.div3{ height: 100px; width: 100px; position: absolute; } .div1{ top:0;原创 2017-05-26 16:06:26 · 1922 阅读 · 0 评论 -
5、jQuery插件之jqzoom放大镜插件
/*使用jqzoom*/ $(function() { $(".jqzoom").jqueryzoom({ xzoom: 400, //放大图的宽度(默认是 200) yzoom: 400, //放大图的高度(默认是 200) offset: 10, //离原图的距离(默认是 10)原创 2017-05-26 16:08:00 · 1148 阅读 · 0 评论 -
6、jQuery插件之kindEditor富本编辑器与UEditor编辑器
kindEditor富本编辑器默认版本: #tid{ height: 100px; width: 1000px; } 用户原创 2017-05-26 16:13:18 · 1032 阅读 · 0 评论 -
7、jQuery插件之uploadify文件上传(基于flash)
Uploadify上传文件body { font: 13px Arial, Helvetica, Sans-serif;} Uploadify Demo $(function() {原创 2017-05-26 16:17:34 · 1743 阅读 · 0 评论 -
9、jQuery插件之easydialog-v2.0弹窗插件
* { margin:0;padding:0; } body { background:#fff; font:12px/150% "Lucida Sans Unicode", "Lucida Grande", sans-serif; } a{ color:#09c; } a:hover{ color:#000; text原创 2017-05-26 16:36:07 · 1496 阅读 · 0 评论 -
10、jQuery插件之artDialog弹窗插件
文档索引快速上手配置参数内容titlecontent按钮okcancelokValuecancelValuebutton尺寸widthheight位置fixedfollow视觉lockpadding高级idzIndexinitializebefor转载 2017-05-26 16:43:45 · 2856 阅读 · 0 评论 -
基于Ajax+PHP的单文件、多文件异步上传实例
<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <title>基于Ajax+PHP的单文件、多文件异步上传实例</title> <style> #toUpl...原创 2018-03-09 13:39:49 · 3200 阅读 · 2 评论