01 2017 档案
摘要:这个插件包含三个部分:HTML结构、CSS代码和JS代码。 HTML结构是固定的,结构如下: 其中元素的类名都是可以自己配置的,ID也不是必须的。 CSS代码,只贴出关键代码: JS代码: 下面把插件开发过程中用到的知识点总结一下。 1.面向对象 定义一个构造函数用来保存和获取代码中用到的参数:包括
阅读全文
摘要:之前的文章:原生JS实现全屏切换以及导航栏滑动隐藏及显示——重构前 这篇文章对上面链接的文章的JS代码进行了修改,解决了文章中提到的bug,并对代码进行了适当的整理,比之前更加的清晰。 bug的解决的关键是删除了对时间间隔的判断。 点我看在线演示 JS代码: 1 function $(id) { 2
阅读全文
摘要:以下内容根据官方文档翻译以及自己的理解整理。 1. 介绍 本方案介绍动画(animations)。通过动画,开发者可以将CSS属性值的变化指定为一个随时间变化的关键帧(keyframes)的集合。在随着时间变化而改变CSS属性值呈现方面,动画与过渡(transitions)类似。主要的区别是,当CS
阅读全文