仿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">
<div id="dragHelper" style="display:none"></div>
<div class="normal" overClass="over" dragClass="normal">
	<table width="100%">
		<tbody>
			<tr bgcolor="#CCCCCC" bar="yes"><td><a href="#">Cobao</a></td><td dragArea="yes" class="dragArea">拖放处</td><td><a href="#" onclick="openClose(this)">-</a> 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>
		</tbody>
	</table>
</div>
<div class="normal" overClass="over" dragClass="normal">
	<table width="100%">
		<tbody>
			<tr bgcolor="#CCCCCC" bar="yes"><td>新浪</td><td dragArea="yes" class="dragArea">拖放处</td><td><a href="#" onclick="openClose(this)">-</a> 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>
		</tbody>
	</table>
</div>
<div class="normal" overClass="over" dragClass="normal">
	<table width="100%">
		<tbody>
			<tr bgcolor="#CCCCCC" bar="yes"><td>网易</td><td dragArea="yes" class="dragArea">拖放处</td><td><a href="#" onclick="openClose(this)">-</a> 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>
		</tbody>
	</table>
</div>
<div class="normal" overClass="over" dragClass="normal">
	<table width="100%">
		<tbody>
			<tr bgcolor="#CCCCCC" bar="yes"><td>QQ</td><td dragArea="yes" class="dragArea">........</td><td><a href="#" onclick="openClose(this)">-</a> 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>
		</tbody>
	</table>
</div>
</BODY>
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>
</HTML>

当前页面所处路径为共享世纪 / 网页特效 / 综合技巧 / ，本特效的Tag为：共享世纪

在拖放处按住鼠标进行拖放。

会员登陆close X