随笔分类 -  jQuery

jq--图片懒加载
摘要：html 1.给图片不给真真意义上的src属性路径，可通过我们自己想要添加时改变它的属性路径即可。 2.要获取浏览器中三种高度。 $(window).height();//屏幕高度 $(window).scrollTop();//滚动条距离顶部的高度 obj.offset().top;//元素距离顶 阅读全文
posted @ 2017-12-21 10:49 seafwg 阅读(278) 评论(0) 推荐(0)
css3+jq--小箭头旋转180度案例
摘要：html: css(1): css3的动画帧实现旋转 css(2): css3过渡属性加旋转属性 jQ: 用jq只是判断一下是否包含所发生动画的类 阅读全文
posted @ 2017-12-21 10:17 seafwg 阅读(4102) 评论(0) 推荐(0)
jQuery插件--根据数据加载的进度动画案例
摘要：css: html: $(function() { $("#process1").FnExe({ num : "80" }); $("#process2").FnExe({ num : "60" }); $("#process3").FnExe({ num : "90" }); $("#proces 阅读全文
posted @ 2017-11-27 17:28 seafwg 阅读(237) 评论(0) 推荐(0)
JSONP
摘要：JSONP：原理:JSON with Padding 1.script标签 2.用script标签加载资源是没有跨域问题的 在资源加载进来之前先设置一个函数，这个函数接收一个参数（数据），函数里面利用这个参数做一些数据处理。 然后需要的时候通过script标签加载对应远程文件资源，当远程文件被加载进 阅读全文
posted @ 2017-11-05 22:09 seafwg 阅读(151) 评论(1) 推荐(1)
基于jQuery的一组图片的滚动
摘要：css: html: js: 阅读全文
posted @ 2017-10-11 15:18 seafwg 阅读(284) 评论(0) 推荐(0)
jQ-多选按钮实现单选按钮的功能以及input按钮的优化
摘要：css: html: js: 阅读全文
posted @ 2017-09-30 11:01 seafwg 阅读(1329) 评论(0) 推荐(0)
基于jQuery的楼层案例
摘要：~(function() { var flag = true; //点击切换效果 $(".oDR7_asideItem:not(:first)").click(function() { flag = false; //alert($(".oRD8_stairs... 阅读全文
posted @ 2017-09-14 16:47 seafwg 阅读(369) 评论(0) 推荐(0)
js-轮播图的总结
摘要：/*两种播放行为；（一种自动播放，一种控制播放），一个定时器控制。 *一个定时器控制两种播放状态。 * 布局说明：装图片的盒子足够宽，让图片左浮，排成一排，最后一张重新放置第一张。 * 定时器里执行自动播放行为。 * 定义一个计时器（全局），根据计时器对个数*图片的宽，让它左移，再次根据计时器%（总 阅读全文
posted @ 2017-08-04 15:53 seafwg 阅读(569) 评论(0) 推荐(0)
基于jQuery的插件开发
摘要：demo 阅读全文
posted @ 2017-08-04 14:12 seafwg 阅读(226) 评论(0) 推荐(0)