仿Google和Windows Live的拖拽

<HTML> 
<HEAD> 
<TITLE> New Document </TITLE> 
<style type="text/css"> 
body 
{ 
    margin:10px; 
}

#dragHelper 
{ 
    position:absolute;/*重要*/ 
    border:2px dashed #000000; 
    background-color:#FFFFFF; 
    filter: alpha(opacity=30); 
}

.normal 
{ 
    position:absolute;/*重要*/ 
    width:300px; 
    #height:10px; 
    border:1px solid #666666; 
    background-color:#FFFFFF; 
}

.over 
{ 
    position:absolute;/*重要*/ 
    width:300px; 
    #height:10px; 
    border:1px solid #666666; 
    background-color:#f3f3f3; 
    filter: alpha(opacity=50); 
}

.dragArea { 
    CURSOR: move; 
}

</style> 
</HEAD>

<BODY oncontextmenu="window.event.returnValue=false"> 
<input type="text" id="evt" name="eventValue" size="40" /> 
 
 
    <table width="100%"> 
         
            <tr bgcolor="#CCCCCC" bar="yes"><td>Cobao</td><td dragArea="yes" class="dragArea">........</td><td>- x</td></tr> 
            <tr><td colspan="3">地址:http://www.cobao.cn</td></tr> 
            <tr><td colspan="3">关键字:</td></tr> 
            <tr><td colspan="3">说明:</td></tr> 
         
    </table> 
 
 
    <table width="100%"> 
         
            <tr bgcolor="#CCCCCC" bar="yes"><td>新浪</td><td dragArea="yes" class="dragArea">........</td><td>- x</td></tr> 
            <tr><td colspan="3">地址:http://www.sina.com.cn</td></tr> 
            <tr><td colspan="3">关键字:</td></tr> 
            <tr><td colspan="3">说明:</td></tr> 
         
    </table> 
 
 
    <table width="100%"> 
         
            <tr bgcolor="#CCCCCC" bar="yes"><td>网易</td><td dragArea="yes" class="dragArea">........</td><td>- x</td></tr> 
            <tr><td colspan="3">地址:http://www.163.com</td></tr> 
            <tr><td colspan="3">关键字:</td></tr> 
            <tr><td colspan="3">说明:</td></tr> 
         
    </table> 
 
 
    <table width="100%"> 
         
            <tr bgcolor="#CCCCCC" bar="yes"><td>QQ</td><td dragArea="yes" class="dragArea">........</td><td>- x</td></tr> 
            <tr><td colspan="3">地址:http://www.qq.com</td></tr> 
            <tr><td colspan="3">关键字:</td></tr> 
            <tr><td colspan="3">说明:</td></tr> 
         
    </table>

</BODY> 
 
</HTML>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

仿Google和Windows Live的拖拽

Node.js使用express写接口的具体代码

TensorFlow.js实现AI换脸使用示例详解

Vue使用pdf-lib实现为文件流添加水印并预览

JS中call apply bind函数手写实现demo

Vue使用pdf-lib实现为文件流添加水印并预览

JS中call apply bind函数手写实现demo

MutationObserver监视对DOM 树所做更改的功能妙用

JS中call apply bind函数手写实现demo

Vue使用pdf-lib实现为文件流添加水印并预览

MutationObserver监视对DOM 树所做更改的功能妙用

Node.js使用express写接口的具体代码

TensorFlow.js实现AI换脸使用示例详解

Vue使用pdf-lib实现为文件流添加水印并预览

JS中call apply bind函数手写实现demo

Vue使用pdf-lib实现为文件流添加水印并预览

JS中call apply bind函数手写实现demo

MutationObserver监视对DOM 树所做更改的功能妙用

JS中call apply bind函数手写实现demo

Vue使用pdf-lib实现为文件流添加水印并预览

MutationObserver监视对DOM 树所做更改的功能妙用