iframe跨域通信
Javascript前端2015年08月11日作者：月光光标签：JavaScript
众所周知，由于前端javascript对跨域访问做了安全限制，javascript只能访问与包含它的文档在同一域下的内容。而实际编码时我们会遇到使用iframe跨域访问、Ajax跨域通信等操作，这个时候如何突破跨域操作的问题，本文将结合实例讲述解决方案。阅读全文
Javascript使iframe自适应高度
Javascript前端2015年08月04日作者：月光光标签：JavaScript
工作中我们遇到了iframe嵌入页面高度自适应的问题。因为我们不知道所加载的iframe内容页面会有多高，又不想在页面上出现难看的滚动条，这个时候我们可以使用Javascript来动态让iframe自适应高度。阅读全文
Javascript操作iframe
Javascript前端2015年07月30日作者：月光光标签：JavaScript
虽然我们在web开发中使用iframe比较少，但是iframe还是有它值得使用的场景，比如嵌入外部广告等。在使用iframe过程中我们可能会遇到很多问题，例如iframe父子窗口传值，iframe自适应高度，iframe跨域通信等等。阅读全文
支持移动设备的纯Javascript画廊
Javascript前端2015年07月23日作者：月光光标签：JavaScript
这是一款不依赖任何js框架、纯javascript实现的画廊效果。它支持移动设备手势操作，如手势触摸滑动、放大和关闭图片，它还支持PC上的键盘操作，总之它是WEB开发者不可或缺的图片画廊插件，它叫photoswipe。阅读全文
jQuery实现多条件筛选
Javascript前端2015年07月16日标签：jQuery
我们在电商平台购买商品时，在商品列表页根据品牌、款式、价格范围等条件进行筛选查询，当点击某个条件时，在页面上会显示用户所选择的条件集合，并且将对应的符合条件的商品信息展示出来。那么今天我们使用jQuery来实现这一前端效果。阅读全文
纯CSS3实现超酷的鼠标悬停效果
Javascript前端2015年07月04日作者：月光光标签：CSS3
本文给大家介绍下不需要任何javascript代码，仅使用纯CSS3和HTML实现鼠标悬停的超酷效果，鼠标在悬停目标元素上的时候可以实现常见的线条变化、翻转、缩放、滑动等等动画效果。阅读全文
使用鼠标滚轮或者手势滑动到页面节点部分
Javascript前端2015年06月28日作者：月光光标签：jQuery
有时我们需要做一个单页面介绍产品特性，而单页面内容非常多且页面非常长，为了快速定位到产品特性节点，我们使用js侦听用户滚轮事件，当用户触发滚轮滑动或者使用手势触屏滑动时，即可定位到相应的节点。一款jQuery插件叫Scrollify帮我们做到了。阅读全文
使用fakeLoader.js创建页面加载动画
Javascript前端2015年06月24日作者：月光光标签：jQuery
fakeLoader.js是一个轻量级的jQuery插件，它可以帮助我们创建一个全屏的加载过渡动画，当页面加载时，显示加载动画，当页面内容加载完成后动画消失显示页面内容。阅读全文
CSS3实现响应式数据表格
Javascript前端2015年06月19日作者：月光光标签：CSS3
设计响应式页面的时候，最难的是表格table的处理，table作为数据表格设计不可缺少的元素，在数据应用项目中起着重要的作用，但是要想让表格适应各种屏幕还真有点麻烦。本文将用实例给大家演示如何使用CSS3来实现的响应式数据表格。阅读全文
