RT,是参照慕课的教程做的。两个多小时的教程，看完了然后晚上的时候做了下，看的时候感觉明白了，但其实做的时候还是有很多小细节需要处理的。 上代码，思想什么的直接去慕课看教程就好了。点击这里 注释也 ...

在前面的随笔中介绍了如何用DOM技术修改文档的央样式信息，用JavaScript添加样式信息可以节约我们的时间和精力,但总的来说,CSS仍是完成这类任务的最佳工具。但是有一个应用领域是目前的C ...

我只是想实现一个类似迪士尼早期动画那样，一张图片从一个逐渐扩大的圆中钻出来的效果，没想到实际做起来却很复杂。 　自己研究半天，结果除了一个土办法之外，其他的统统不合适，我没有在原生css中找到一个可以“击穿”其他元素的方式。后来网上看到一个办法，他投机取巧地把border改得很大，起到一个 ...

最近有朋友问我类似微信语音播放的喇叭动画和界面图片加载loading界面是怎样实现的，是不是就是一个gif图片呢！我的回答当然是否定了，当然不排除也有人用gif图片啊！下面我就来罗列三种实现loading动画效果的方法。 方法一：使用UIImageView自带的方法来实现，这也是我推荐的实现方法 ...

　　 　　用javascript实现简单的下拉折叠菜单效果 实现步骤 　　（a）获得各操作的dom对象； 　　（b）在所有菜单按钮对象上添加单击事件； 　　（c）设置所有菜单按钮样式为空，并将当前按钮的样式设置为“active”；同时设置div1下面的所有div元素 ...

<style>.box { width: 400px; padding: 20px; border: 40px solid #a0b3d6; background-color: #eee; ...

为了做好导航菜单，有时候需要在菜单下拉的时候实现动画效果，所以这几天就研究了研究如何用js实现动画效果，实现动画核心要用到两个函数，一个是setTimeOut,另一个是setInterval. 下边我就简单说一下过程和原理。 第一步：实现一个匿名函数并能自己执行。 （function ...

原理如下： 假设要从数值A变化到数值B，如果是线性运动，则每次移动距离是一样；如果是缓动，每次移动距离不一样。那如何才能不一样呢？很简单，按比例移动就可以。 例如：每次移动剩余距离的一半。 对吧，超容易理解的。 比方说：你和初恋之间距离是64，每秒移动一半，则，你们之间的距离下一秒就是32 ...