localStorage的使用
本文参考博客园
什么是localStorage、sessionStorage1.sessionStorage（临时存储） ：为每一个数据源维持一个存储区域，在浏览器打开期间存在，包括页面重新加载
2.localStorage（长期存储） ：与 sessionStorage 一样，但是浏览器关闭后，
...
PC端移动端无缝滚动轮播图
代码已上传github
PC端移动端都实现无缝滚动轮播图还支持左右滑动切换下面我将演示下在手机端的左右滑动的代码1.获取手指按下时在轮播图元素的什么位置记录下来2.当手机离开屏幕是获取最后为位置记录下来3.根据按下和离开是的位置左边获得到的手指滑动的方向(滑动距离须大于50)选择上一张或者下一张
...
js运动框架封装
代码已上传github
封装此框架有几个难点1.你要使什么属性进行运动2.获取当前属性的值3.所有属性运动的单位是否相同如透明度opacity4.兼容性问题
封装一个获取属性的函数并处理兼容性问题获取属性:ie:obj.currentStyle['attr'];w3c 浏览器:wi
...
JavaScript滚动距离的封装
引用自某培训机构教学视频
由于JavaScript的scroll方法存在浏览器兼容问题所以学习过程中总结了可能出现的情况
兼容问题与解决兼容性问题:
谷歌浏览器 和没有声明 DTD: document.body.scrollTop;火狐 和其他浏览器: document.documentEl
...
transition动画
本文转自W3School
介绍CSS3 过渡通过 CSS3，我们可以在不使用 Flash 动画或 JavaScript 的情况下，当元素从一种样式变换为另一种样式时为元素添加效果。
浏览器支持Internet Explorer 10、Firefox、Chrome 以及 Opera 支持 trans
...
纯css实现盒子 3D 旋转效果
本文转自RedSpite博客
平时看到动画下意识就觉得很难，出于畏惧心理老是不敢去碰，就像看到一个漂亮女生不敢上去搭讪(。。)。
拔过嘛，再难得东西都是禁不住你死缠烂打的（追姑娘同理 哈哈哈。。）所以现在就从头理理，这个3d效果究竟是怎么实现的。
IE不支持 transform-style: pr
...