最近闲来没事,做了一个画江湖图片滚动加载的demo,大家感兴趣可以下来看一下 以下为界面截图: 图片会随滚动条的拖动动态加载，目前来说只是加载的本地的资源，大家可以从后台抓取数据来实现懒加载. 支持图片点击然后大图来查看: 代码已经放到git上了,欢迎下载试用 https://github.com/ ...
分类：
其他好文 时间：
2017-05-28 19:35:08
阅读次数：
159
<!doctypehtml><htmllang="en"><head><metacharset="UTF-8"><title>随机图片滚动</title><!--可成功执行，布局有点混乱...懒得改了。需要一个js文件，在上一文章中有--><styletype="text/css">*{padding:0;margin:0;}li,ul{li..
分类：
其他好文 时间：
2017-05-11 22:34:59
阅读次数：
261
1：原有图片4张，无论向左或者向右滚动，都会出现空白，所以需要在原有4张图片的基础下自加得到8张图片， 2：向左滚动：当图片滚到到整个ul宽度的一半时（aDiv.offsetLeft<-aDiv.offsetWidth/2） 将整个ul的左边距置0（aDiv.style.left='0px';）,通 ...
分类：
其他好文 时间：
2017-05-05 21:46:01
阅读次数：
186
【1】锚点 使用锚点链接是一种简单的返回顶部的功能实现。该实现主要在页面顶部放置一个指定名称的锚点链接，然后在页面下方放置一个返回到该锚点的链接，用户点击该链接即可返回到该锚点所在的顶部位置 [注意]关于锚点的详细信息移步至此 1 2 3 4 <body style="height:2000px;" ...
分类：
Web程序 时间：
2017-04-27 14:24:03
阅读次数：
216
使用Gallery 和 ImageSwitcher 制作图片浏览器 Gallery介绍 我们有时候在手机上或者PC上看到动态的图片，可以通过鼠标或者手指触摸来移动它，产生动态的图片滚动效果，还可以根据你的点击或者触摸来触发其他事件响应。同样的，在Android中也提供这种实现，这就是通过Galler... ...
分类：
移动开发 时间：
2017-04-16 14:25:41
阅读次数：
213
基本原理 图片滚动懒加载的原理非常简单：基于<img>标签，在初次加载时，不把图片url放在src属性中，而是自定义一个属性，例如data-src。然后检测"scroll"，"resize"等窗体事件，判断图片是否进入了可视范围。如果进入，则将data-src的字段替换到src，此时浏览器会自动去加 ...
分类：
Web程序 时间：
2017-04-07 21:48:30
阅读次数：
173
1.css垂直水平居中 效果： HTML代码： CSS实现： 都设置居中 div块的宽高和背景色。 a.用inline-block和vertical-align来实现居中： b.用相对绝对定位和负边距实现上下左右居中 c.利用绝对定位来实现居中 d.使用table-cell，inline-block ...
分类：
Web程序 时间：
2017-03-17 19:46:44
阅读次数：
254
网格布阵功能完成。这样，可以拖动网格 也 可以 切屏，他们之间 仅仅是 长按 区分。 下一节，来做点 特效。比如点击后 效果，碰到后效果，松开效果。 ...
分类：
其他好文 时间：
2017-03-09 16:57:49
阅读次数：
228
1、jQuery.lazyload 作用：延迟加载网站图片，常用于电商网站、图片展示网站，对于提高网站打开速度比较有效。 2、Owl Carousel 作用：图片滚动特效、响应式传送带插件，特点是支持触屏、ipad、pc，兼容性好。 3、LABjs和RequireJS 作用：动态加载js，管理加载脚 ...
分类：
Web程序 时间：
2017-02-17 17:14:45
阅读次数：
170
