猿来是你三十而立,砥砺前行,不忘初心,勇闯猿类

09 2018 档案

PC端移动端不同屏幕大小下响应式布局
摘要:先上效果图: PC端效果: 移动端效果: 代码如下: pc.css 样式代码: mobile.css 样式代码: 我设置的临界点是699px,实际项目中大家可根据项目需求来设置更为精准的不同屏幕下的css,一般考虑PC端,Pad,手机端 三种就可以了! 阅读全文

posted @ 2018-09-29 10:39 青瑟少年 阅读(1754) 评论(0) 推荐(0)

原生JS编写兼容IE6,7,8浏览器无缝自动轮播(带按钮切换)
摘要:项目要求页面兼容IE6,7,8等浏览器,我们可能会遇到这个轮播效果,轮播板块要求:无限循环、自动轮播和手动切换功能,每一次滚动一小格,网上有很多这类插件,例如:swiper等! 但是很多都是不兼容IE6,7,8这些低级浏览器的,没有办法,只能自己写一个类似的轮播插件 废话不多说,直接上代码 希望这篇 阅读全文

posted @ 2018-09-28 10:58 青瑟少年 阅读(954) 评论(0) 推荐(0)

ajax点击加载更多数据图片(预加载)
摘要:本地测试dataNews.json文件: 点击更多图片,加载2条数据,当数据加载完了,就显示 “没有更多了” 欢迎大家留言评论 阅读全文

posted @ 2018-09-28 10:37 青瑟少年 阅读(1798) 评论(0) 推荐(0)

开发时候常用的js方法封装
摘要:1、判断是否是一个数组 function isArray(arr){ return Object.prototype.toString.call(arr) '[object Array]'; } isArray([1,2,3]) //true 2、判断是否是一个函数(三种) function isF 阅读全文

posted @ 2018-09-28 10:22 青瑟少年 阅读(992) 评论(0) 推荐(1)