首先先来看这一张图 在这种图中，盒子的大小为512px，并且margin-left:-250px margin-top:140px;并通过一些样式让其在中部显示 这些样式都不是重要的，这里加个margin是为了让其出现拖拽的时候出现鼠标偏移，好做演示而已，不然margin：0 auto ...

面向对象 + 原生js拖拽 拖拽div等盒子模型，都是日常操作没有什么问题，如果是拖拽图片的话，会有一点小坑要踩...... 那么我们看代码: ``` var Move_fn = {}; (function(Move_fn){ function Move_img ...

一、起因&思路 不知不觉，已经好几天没写博客了。。。近来除了研究React，还做了公司官网。。。 一直想写一个原生js拖拽效果，又加上近来学react学得比较嗨。所以就用react来实现这个拖拽效果。 首先，其实拖拽效果的思路是很简单的。主要就是三个步骤 ...

前几天写的那个拖拽，自己留下的疑问。。。这次在热心博友的提示下又修正了一些小小的bug，也加了拖拽的边缘检测部分。。。就再聊聊拖拽吧 一、不要直接操作dom元素 react中使用了虚拟dom的概念，目地就是要尽量避免直接操作dom元素，所以我们在对dom元素进行操作的时候需要注意，我之前 ...

鼠标跟随，顾名思义，就是在鼠标移动的时候，有个动画跟随着鼠标一起移动。 要点一：var oEvent = evt || window.event; 这个是为了兼容ie和ff而写的，在ie下window.event表示event对象，而ff下，是给事件函数传一个参数，这个参数就表示事件对象 ...

用到一些封装好的运动函数，主要是定时器 效果为图片和图片的描述定时自动更换 commom.js tween.js ...

基本效果如下： 实现了三张图片自动轮播+按键点击切换的效果。 基本思想： 图片轮播的效果和老式电影院的胶片放映形式很相似，在老式的电影院放映中，使用长长的胶片记录影片，胶片上是按顺序排列的一系列图片，通过快速通过放映机放映口，使这些图片产生一个连贯的切换效果，形成了动态的影片 ...

...