js は完璧なドラッグ効果を実現し、レイヤーをドラッグしてドラッグ トレースを再生し、ドラッグ距離パラメーターを表示できます_レイアウトとレイヤー

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>完璧なドラグ</title> <style type="text/css"> html,body{overflow:hidden;} body,div,h2,p{margin:0;padding:0;} body{color:#fff;background:#000;font:12px/2 Arial;} p{padding:0 10px;margin-top:10px;} span{color:#ff0;padding-left:5px;} #box{position:absolute;width:300px;height:150px;background:#333;border:2px solid #ccc;top:50%;left:50%;margin:-75px 0 0 -150px;} #box h2{height:25px;cursor:move;background:#222;border-bottom:2px solid #ccc;text-align:right;padding:0 10px;} #box h2 a{color:#fff;font:12px/25px Arial;text-decoration:none;outline:none;} </style> <div id="box"> <h2> <a href="javascript:;"></a>クリックしてドラッグ トラックを再生します</h2> <p> <strong></strong>ドラッグ:<span></span></p> <p> <strong></strong>offsetTop:<span></span></p> <p> <strong></strong>左オフセット:<span></span></p> </div>
[Ctrl A すべて選択 注: 外部 Js を導入する必要がある場合は、

を実行するために更新する必要があります]