摘要：
昨天提到了单个图片的抖动效果，那么今天来写一下多组图片实现抖动效果的封装，这种效果也许在日常的项目中会用到，简单封装一下，就不用每次都写差不多一样的代码了，好的来看html和css的布局，其实很简单就是两张图片： js代码如下： 好了，就是这样了，我写的比较啰嗦，也是希望看的比较明白，这只是两张图片 阅读全文
摘要：
今天来写一个关于图片抖动的效果，需求是：点击图片，让其抖动几下停止（类似于苹果手机填错密码之后会抖一下的效果），其实想要实现这个效果，原理就是，点击之后，让其左移动下然后右移动一下（每移动一下减几像素知道减到0），然后将其放入定时器内，让其慢慢自动停下来。来看代码布局： 接下来就是js的实现： 这样 阅读全文
摘要：
今天写一个简单的小例子，需求：页面有多个div，点击屏幕，div有顺序的依次下来。 来看js代码： 效果图如下： 好了，今天就这样！ 阅读全文
摘要：
今天还是来说昨天的小例子，昨天实现的效果就是点击按钮“向前”即往前相反则往后，那么需要细化的几个问题就是：代码可以简化以及可以用一个变量来控制方向直接来看js： 这是昨天的例子简化之后的代码，接下来看看怎么添加回调函数，那么昨天的布局就要稍微改动一下，用一个按钮来控制： 那么js代码是： 这个例子是 阅读全文
摘要：
昨天的例子是针对只有单个函数运行的结果，但是实际中可能会有多组函数这样同时进行，那么这个时候就要对函数进行封装传参，来实现效果了。就还拿昨天的例子来说吧，昨天写的例子实现的效果是点击按钮，让div向前移动，那么今天就扩展一下，点击按钮让div向后移动，想要实现这个效果，就必须要传参了，来看代码： 那 阅读全文
摘要：
今天简单写一个小案例：点击按钮，让div“走”起来。主要是为了说明给定时器设定开关时需要注意的几个问题。需求是：当点击按钮，让div向右一直移动，当移动到500像素时，停下来。好了那么简单的布局代码看一下： 那么简单的js效果是这样的： 这里需要注意的几个问题是： 第一，就是获取div的样式一定要用 阅读全文
摘要：
今天实现一个很简单的下拉菜单的小实例，也就是鼠标移入菜单，它的子菜单出现并延迟消失。大概效果如下图： 来看下布局： 关于css代码： js如下： 以上例子总结一下三点： 1、首先看布局，主菜单div没有包含子菜单，这样的话不同于被包含的关系，扩展性应该会强一些； 2、鼠标移出事件开启时，并没有让子菜 阅读全文
摘要：
之前写过一个图片切换的实例，当时只是没有加定时器，今天加上定时器，让其自动播放，好的来看代码： css代码： html代码： 接下来就是js代码： 注意：加定时器这一部分代码标粗了，为了看的更加清楚，特别要注意的小细节就是我注释里的内容：事件调用不能加括号，函数名称加括号就等于函数返回的值，若你函数 阅读全文
摘要：
关于setInterval定时器的一个小实例，点击换背景按钮，让其每一秒换一个背景，点击停止就让其停止。 css js代码 注意：关于setInterval还有就是这里在调用fn函数时候不需要传参所以后面不要加括号。当然这是网盘认为的原因，也欢迎各大神给我指出问题。 今天就到这里！ 阅读全文
摘要：
当函数的参数个数无法确定的时候：用 arguments。函数的 arguments 对象并不是一个数组，它相当于是一个实参的集合，但是访问单个参数的方式与访问数组元素的方式相同。访问 函数中的第n个参数 则可以使用arguments[n-1]。 1、arguments实际为实参的集合。既然是集合，那 阅读全文