02 2014 档案
摘要：一、前言：上一篇随笔中已经把拖动程序完成了，这篇主要把缩放程序完成，后面合并后可以做成一个图片裁剪的功能 简易缩放程序DEMO：http://jsfiddle.net/UN99R/ 限制缩放程序DEMO：http://jsfiddle.net/kHWQZ/ 二、设计思路：1、在一个可以缩放元素中，共有8个触发点(上、下、左、右、左上、右上、左下、右下)，首先分别设置好它们的CSS属性cursor值。 2、同拖放程序一样，在触发点上绑定鼠标按下事件，在文档(document)上绑定鼠标移动、弹起事件处理程序，在移动事件中，完成拖放元素css的操作， ...
阅读全文
摘要：一、前言最开始实现鼠标拖动元素的目的就是在一个页面上拖动很多小圆点，用于固定定位，然后在复制HTML，粘贴在页面的开发代码中，就是这么一个功能，实现了很多遍，都没有做好，不得已采用了jQuery.fn.draggable插件，在接触一些资料和别人的思路，今天终于把这个拖动功能给完善了，下面就来看看它的实现DEMO1：http://jsfiddle.net/Jj9qA/4/DEMO2:http://jsfiddle.net/gUYdg/1/二、设计思路在拖动元素上绑定鼠标按下事件，在文档对象中绑定鼠标移动，鼠标弹起事件；为什么不把三个事件都绑定在拖动元素上，这是因为鼠标移动太快时，鼠标移动和弹起
阅读全文
