js拖拽

浏览数：38 / 时间：2015年06月09日

http://www.cnblogs.com/ljchow/archive/2010/04/27/1721695.html 　　拖拽

 

拖拽简单例子

<style type="text/css">
#div1 {width:300px;height:70px;padding:10px;border:1px solid #aaaaaa;}
</style>
<script type="text/javascript">
    function allowDrop(ev){
        ev.preventDefault();
    }
    function drag(ev){
        ev.dataTransfer.setData("Text",ev.target.id);
    }
    function drop(ev){
        ev.preventDefault();
        var data=ev.dataTransfer.getData("Text");
        ev.target.appendChild(document.getElementById(data));
    }
</script>
<div id="div1" ondrop="drop(event)" ondragover="allowDrop(event)"></div>
<img id="drag1" src="http://static.cnblogs.com/images/adminlogo.gif" draggable="true" ondragstart="drag(event)" />

 

 

待补充..

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： class style log com src java http html la class style log com src java http html la

相关文章

随机文章

您可能还喜欢

您可能还喜欢