偶尔可能需要用到这种鼠标拖动效果特效，发现一段不错的代码！ 也许以后可以用在zblog模板制作的主题配置内这么晚。
<!DOCTYPEhtml><html><head><style>#rubbishBox{float:left;height:200px;width:300px;background-color:grey;-webkit-writing-mode:lr-tb;vertical-align:middle;}#dragBox{width:304px;margin-left:300px;}#dragBoxdiv{width:300px;height:30px;border:2pxdashedgrey;margin-bottom:10px;}#dragBoxdiv:hover{background-color:silver;}</style></head><body><divid="rubbishBox">垃圾箱</div><divid="dragBox"><div>a鼠标把偶拖进垃圾箱吧</div><div>b鼠标把偶拖进垃圾箱吧</div><div>c鼠标把偶拖进垃圾箱吧</div><div>d鼠标把偶拖进垃圾箱吧</div><div>e鼠标把偶拖进垃圾箱吧</div></div><scripttype="text/javascript">document.ondragover=function(ev){ev.preventDefault();};vardragChild=null;varlength=document.getElementById("dragBox").childNodes.length;varnodes=document.getElementById("dragBox").childNodes;for(vari=0;i<length;i++){if(nodes[i].nodeType==1){if(nodes[i].getAttribute("class")=="drag"){nodes[i].setAttribute("draggable","true");nodes[i].ondragstart=function(ev){vardt=ev.dataTransfer;dt.effectAllowed="move";dt.setData("text/plain",this.innerText);dragChild=this;};nodes[i].ondragend=function(ev){dragChild=null;};}}}varrubbishBox=document.getElementById("rubbishBox");rubbishBox.ondragover=function(ev){ev.dataTransfer.dropEffect="move";ev.preventDefault();};rubbishBox.ondragenter=function(){this.style.color="white";};rubbishBox.ondrop=function(ev){vardt=ev.dataTransfer;this.appendChild(document.createTextNode(dt.getData("text/plain")));this.appendChild(document.createElement("br"));document.getElementById("dragBox").removeChild(dragChild);}</script></body></html>
