随笔分类 -  jQuery

1
判断滚动条滚动到底部
摘要：判断滚动条到底部，需要用到DOM的三个属性值，即scrollTop、clientHeight、scrollHeight。scrollTop为滚动条在Y轴上的滚动距离。clientHeight为内容可视区域的高度。scrollHeight为内容可视区域的高度加上溢出（滚动）的距离。从这个三个属性的介绍 阅读全文
posted @ 2016-12-05 16:59 Asina 阅读(882) 评论(0) 推荐(0)
js/jq宽高的理解与运用
摘要：document：1. 与client相关的宽高document.body.clientWidthdocument.body.clientHeightdocument.body.clientLeftdocument.body.clientTop 2. 与offset相关的宽高 3. 与scroll相 阅读全文
posted @ 2016-10-29 00:07 Asina 阅读(208) 评论(0) 推荐(0)
jq滚动监听-导航滚动
摘要：github地址：https://github.com/yutaogege/jquery.nav.js 代码： 阅读全文
posted @ 2016-10-25 17:24 Asina 阅读(311) 评论(0) 推荐(0)
jQuery页面滚动监听事件及高级效果插件
摘要：jQuery页面滚动监听事件及高级效果插件 1. One Page scroll （只适用于上下焦点图）http://www.thepetedesign.com/demos/onepage_scroll_demo.html 2. Scrolld（更不好用）https://github.com/cha 阅读全文
posted @ 2016-10-24 17:57 Asina 阅读(4875) 评论(0) 推荐(0)
前端模拟5页瀑布流加载
摘要：html: css: js: 特别注意：瀑布流这个插件，append()方法里不能有括号，不识别！！！ 阅读全文
posted @ 2016-08-04 23:53 Asina 阅读(319) 评论(0) 推荐(0)
鼠标移入导航下部分条状移动
摘要：Document 导航一 导航二 导航三 导航四 导航五 阅读全文
posted @ 2016-07-23 12:31 Asina 阅读(233) 评论(0) 推荐(0)
编写tab切换插件
摘要：html: js: 添加一个fade效果参数： 阅读全文
posted @ 2016-07-20 15:21 Asina 阅读(292) 评论(0) 推荐(0)
jQuery插件开发
摘要：主要是使用$.extend()和$.fn.extend()两个方法扩展对象的方法和属性 API文档上的示例： index.html jq.fn.extend.js： index.html: jq.fn.extend.js： $.extend(obj1, obj2) 合并和覆盖到第一个对象 一个好的做 阅读全文
posted @ 2016-07-19 11:33 Asina 阅读(206) 评论(0) 推荐(0)
$.ajax显示进度条
摘要： 阅读全文
posted @ 2016-07-07 15:13 Asina 阅读(1097) 评论(0) 推荐(0)
好用的切换滑动焦点图框架jquery.superslide
摘要：拿到学习网站：http://www.superslide2.com/ 阅读全文
posted @ 2016-06-22 23:08 Asina 阅读(251) 评论(0) 推荐(0)
jQuery核心探究
摘要：动画animate.animate({}, { duration: 5000, progress: function (now, progressNum) {}, complete: function () {}}); 停止动画.stop() 停止当前动画，其他的继续.stop(true) 动画都停 阅读全文
posted @ 2016-06-19 22:36 Asina 阅读(150) 评论(0) 推荐(0)
jQuery实现焦点图[兼容ie7+]
摘要：HTML: CSS: JS: 阅读全文
posted @ 2016-05-12 22:11 Asina 阅读(181) 评论(0) 推荐(0)
jQuery异步提交时显示正在加载的提示
摘要：$(element).ajaxStart(function() { loader.show(); }).ajaxStop(function() { loader.hide(); }).ajaxError(function(a, b, e) { throw e; }); loader是一个gif的加载 阅读全文
posted @ 2016-04-22 22:07 Asina 阅读(315) 评论(0) 推荐(0)
jquery_lazyload插件
摘要：延迟加载图片的 jQuery 插件 http://www.neoease.com/lazy-load-jquery-plugin-delay-load-image/ 阅读全文
posted @ 2016-04-17 15:09 Asina 阅读(148) 评论(0) 推荐(0)
jquery-fullpage插件
摘要：jquery fullpage.js全屏滚动插件/jquery-easing插件 // 前端自动化工具安装插件 在页面引入： /******************************/ /******************************/ /******************** 阅读全文
posted @ 2016-04-17 15:07 Asina 阅读(319) 评论(0) 推荐(0)
jquery-validate插件
摘要：jQuery Validation 插件 优点：1.表单验证非常简单方便，并且提供了许多配置项目2.国际化，可以自定义提示信息 命令行安装 //初始化bowerbower init //使用bower安装jquerybower install jquery --save-dev //使用bower安 阅读全文
posted @ 2016-04-13 23:06 Asina 阅读(574) 评论(0) 推荐(0)
jQuery（四）（DOM一）
摘要：jQuery把复杂的代码简单化。 如果我们通过AJAX获取到数据之后然后才能确定结构的话，这种情况就需要动态的处理节点了 一、DOM节点的创建：创建div节点元素的属性和创建div节点元素的样式document.createElement //创建节点setAttribute //设置属性inner 阅读全文
posted @ 2016-03-30 11:06 Asina 阅读(233) 评论(0) 推荐(0)
jQuery（三）
摘要：jQuery的属性与样式 DOM中操作属性的方法：getAttribute() setAttribute()removeAttribute() jQuery中操作属性方法的好处：解决了兼容性问题.attr() .removeAttr() .html() 这个操作是针对整个HTML内容（不仅仅只是文本 阅读全文
posted @ 2016-03-15 14:10 Asina 阅读(186) 评论(0) 推荐(0)
jQuery（二）
摘要：jQuery选择器（详情查看jQuery手册）jQuery选择器检测器： http://www.runoob.com/try/trysel.php id选择器 $('#demo') document.getElementById('demo')类选择器 $('.demo') document.get 阅读全文
posted @ 2016-03-13 15:15 Asina 阅读(349) 评论(0) 推荐(0)
jQuery（一）
摘要：jQuery库轻量级的JavaScript库核心依然是JavaScript不仅兼容了CSS3，还兼容各种浏览器（IE、Chrome、Firefox） 优点：容易上手强大的选择器解决浏览器的兼容完善的事件机制出色的Ajax封装丰富的UI 特点（特殊之处）：链式操作回调函数迭代器延迟对象队列...... 阅读全文
posted @ 2016-03-12 14:17 Asina 阅读(479) 评论(0) 推荐(0)

1