效果展示:
CSS代码:
<style type="text/css">
#rect {
position: absolute;
width: 100px;
height: 100px;
line-height: 100px;
text-align: center;
background-color: plum;
}
#circle {
position: absolute;
width: 100px;
height: 100px;
line-height: 100px;
text-align: center;
background-color: tomato;
}
#triangle {
position: absolute;
width: 100px;
height: 100px;
line-height: 100px;
text-align: center;
background-color: deepskyblue;
}
</style>
HTML代码:
<div id="rect">拖动我~</div>
<div id="circle">拖动我~</div>
<div id="triangle">拖动我~</div>
JavaScript代码:
<script type="text/javascript">
/*
元素.setCapture()能够捕获鼠标