javascript拖拽效果延伸学习

本文总结一下，拖拽所延伸出来的一些效果，供大家参考，具体内容如下

1.实现拖拉图片时，带框的效果。即当鼠标拖动某一个图片或物体时，其原有位置扔保留其型。

这种效果，其实很简单，主要是另外创建一个物体，使其与被拖拽的物体，宽和高一样，然后，将其变为拖拽的对象。

直接上代码：

#div1 {width:100px; height:100px; background:yellow; position:absolute;}
.box{border: 1px solid black;position: absolute;}

2.关于窗口拖拉放大缩小的效果，就是在上面的div之中再包一个div。

#div1 {width:10px; height:10px; background:url(images/1.gif); position:absolute;bottom: 0;right: 0}//拖拉的物体，改为图片
#div2{width: 200px;height: 200px;position: relative;background: #ccc;}
.box{border: 1px solid black;position: absolute;}








   
   

以上就是本文的全部内容，希望对大家的学习有所帮助。