WEB技术分享

2015年09月12日作者：月光光标签：jQuery 

网页进度条能够更好的反应当前网页的加载进度情况，loading进度条可用动画的形式从开始0%到100%完成网页加载这一过程。但是目前的浏览器并没有提供页面加载进度方面的接口，也就是说页面还无法准确返回页面实际加载的进度，本文中我们使用jQuery来实现页面加载进度条效果。阅读全文

2015年09月06日作者：月光光标签：HTML5  网页播放器 

我们有时会在页面上加上背景音乐，允许用户自己开启和关闭背景音乐，尤其基于手机html5制作的多媒体页面，HTML5的audio音频标签可以获取音频的播放状态，通过触摸按钮就可以关闭和开启背景音乐。阅读全文

2015年08月28日作者：月光光标签：JavaScript 

WEB开发中经常会用到倒计时来限制用户对表单的操作，比如希望用户在一定时间内看完相关协议信息才允许用户继续下一步操作，又比如在收取手机验证码时允许用户在一定时间过后（未收到验证码的情况下）再次获取验证码。那么今天我来给大家介绍下如何使用Javascript来实现这一简单应用。阅读全文

2015年08月11日作者：月光光标签：JavaScript 

众所周知，由于前端javascript对跨域访问做了安全限制，javascript只能访问与包含它的文档在同一域下的内容。而实际编码时我们会遇到使用iframe跨域访问、Ajax跨域通信等操作，这个时候如何突破跨域操作的问题，本文将结合实例讲述解决方案。阅读全文

2015年08月04日作者：月光光标签：JavaScript 

工作中我们遇到了iframe嵌入页面高度自适应的问题。因为我们不知道所加载的iframe内容页面会有多高，又不想在页面上出现难看的滚动条，这个时候我们可以使用Javascript来动态让iframe自适应高度。阅读全文

2015年07月30日作者：月光光标签：JavaScript 

虽然我们在web开发中使用iframe比较少，但是iframe还是有它值得使用的场景，比如嵌入外部广告等。在使用iframe过程中我们可能会遇到很多问题，例如iframe父子窗口传值，iframe自适应高度，iframe跨域通信等等。阅读全文

2015年07月23日作者：月光光标签：JavaScript 

这是一款不依赖任何js框架、纯javascript实现的画廊效果。它支持移动设备手势操作，如手势触摸滑动、放大和关闭图片，它还支持PC上的键盘操作，总之它是WEB开发者不可或缺的图片画廊插件，它叫photoswipe。阅读全文

2015年07月16日标签：jQuery 

我们在电商平台购买商品时，在商品列表页根据品牌、款式、价格范围等条件进行筛选查询，当点击某个条件时，在页面上会显示用户所选择的条件集合，并且将对应的符合条件的商品信息展示出来。那么今天我们使用jQuery来实现这一前端效果。阅读全文

2015年07月04日作者：月光光标签：CSS3 

本文给大家介绍下不需要任何javascript代码，仅使用纯CSS3和HTML实现鼠标悬停的超酷效果，鼠标在悬停目标元素上的时候可以实现常见的线条变化、翻转、缩放、滑动等等动画效果。阅读全文

2015年06月28日作者：月光光标签：jQuery 

有时我们需要做一个单页面介绍产品特性，而单页面内容非常多且页面非常长，为了快速定位到产品特性节点，我们使用js侦听用户滚轮事件，当用户触发滚轮滑动或者使用手势触屏滑动时，即可定位到相应的节点。一款jQuery插件叫Scrollify帮我们做到了。阅读全文