<!DOCTYPE html> <html> <head> <meta charset="utf8"> <title>js拖拽效果</title> <style type="text/css"> #div1 { width : 200px; height: 200px; position: abso
分类:
Web程序 时间:
2016-03-01 17:24:21
阅读次数:
222
方法一: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta htt
分类:
Web程序 时间:
2016-03-01 14:27:55
阅读次数:
234
转载请注明:TheViperhttp://www.cnblogs.com/TheViper 什么是拖动图片排序?就像微博这种,上传后允许用户通过拖动图片,调整几张图片的顺序。可以看到微博在这里把每张图片固定了尺寸,稍微严谨点的话,就需要像上一篇文章那样,外面是响应式的等高等宽的若干div容器,里面则...
分类:
编程语言 时间:
2015-08-13 23:40:19
阅读次数:
304
JS – 拖动特效JS – 拖动特效// 元素的 position 一定要为 absolutewindow.onload = function () { var oDiv = document.getElementById('div1'); oDiv.onmousedown = function (...
分类:
Web程序 时间:
2015-08-09 20:24:04
阅读次数:
122
要实现移动窗体,首先要捕获三个参数:1、a =鼠标点击时的坐标。2、b =被移动窗体的左顶点坐标。3、c =鼠标移动时的坐标。然后还要算出你鼠标无论点击窗体哪个位置,移动改变的都是 (d = 窗体左顶点的坐标),计算公式:d = c - a + b;因为移动窗体的原理就是改变窗体的左顶点坐标值,计算...
分类:
Web程序 时间:
2015-08-08 10:28:54
阅读次数:
152
漂亮的JS窗口拖拽(改变大小/最小化/最大化/还原/关闭),特点:① 窗口可以拖动;② 窗口可以通过八个方向改变大小;③ 窗口可以最小化、最大化、还原、关闭;④ 限制窗口最小宽度/高度。...
分类:
Web程序 时间:
2015-03-08 15:46:22
阅读次数:
149
vardrag_holder=null,index=-1,ori_src=null,drag_flag=false;//拖动的代理,原图片,原图片的src
varpost_img=avalon.define(‘post_img‘,function(vm){
vm.post_img_list=[];//保存所有图片的src
vm.onmousedown=function(e,i,el){
$(‘drag_proxy‘).style.display=‘b..
分类:
Web程序 时间:
2014-10-15 15:28:41
阅读次数:
260
模仿网易彩票网(http://caipiao.163.com/)的登陆框自己做了一个拖动层,不过有点小问题——在谷歌浏览拖动的时候鼠标状态变成了文字状态(cursor:text;) 1 2 3 4 5 js拖动层 6 15 16 17 18 hello world19 20 ...
分类:
Web程序 时间:
2014-09-02 17:20:15
阅读次数:
387