原生JS模拟Bootstrap中的折叠(Collapse)插件

2015-11-14
阅读 6 分钟
11.3k
以前实习的时候因为赶时间直接用bootstrap的插件collapse.js做了个折叠菜单, 对于一个原生控来说还是更倾向于自己写一个, 毕竟为了个折叠菜单引入jq和bootstrap有点太臃肿了。 于是又到了考验山寨能力的时候了-_-# 。原版collapse.js的效果其实也不难,主要是在开合的过程中添加了css3的过渡效果。以下是原版与山寨版d...

移动端原生JS实现手指跟随的触控滑动

2015-10-03
阅读 8 分钟
58.3k
网上滑动插件有不少,但好像没一个好用的(不是bug太多,就是不灵活)这里用原生JS实现了该功能,不仅代码量不多,逻辑也较简单。移动端H5页面的触控触发事件在我之前的一篇博客中写了挺多.原博地址原生JS实现触控滑动(swipe)图片轮播 (里面大致罗列了HTML5中touch事件的使用方法)

原生JS 模拟jQuery html()方法

2015-09-27
阅读 1 分钟
6.3k
在上周写的博客中,百分比的进度条提示本来也想用原生的JS来实现实时的更改HTML的内容, 比如在上篇博客中我本来打算用innerHTML的属性实时更替loadingPage中的数字,但是在试图用原生代码实现中innerHTML在Safari下问题很多:首先列举下我测试出的问题, 有几个地方也有点不明白,

原生JS实现触控滑动(swipe)图片轮播

2015-08-18
阅读 5 分钟
54.1k
上周写了段图片自动轮播的代码,感觉应用的局限性还是挺大,实习期间一直在捣鼓移动端网页的开发,这周试了试原生JS实现左右滑动的图片轮播,在网上找了很多滑动插件诸如swipe,hammer,Quo,JQM 用着都不太理想, 最后一咬牙还是自己码,先上DEMO, 用手机打开demo查看效果或用Chrome模拟(在iPhone上测试没有问题,但...