出故障的英文:如何设计一个带虚线框,并且完全透明的div

来源:百度文库 编辑:高校问答 时间:2024/04/30 16:41:22
我试图写一个javascript,该js将可以实现一个虚线框,并且完全透明的div,该div还将具备以下特性:
1、鼠标在上面停留时变成手状;
2、用鼠标可以将其拖动。
经过查阅资料,我的初步代码如下:
<html>
<head>
<script>
var ms=0;
function did(obj){
ms=obj;
event.srcElement.setCapture();
x=document.getElementById(ms).style.pixelLeft-event.x;
y=document.getElementById(ms).style.pixelTop-event.y;
}

function document.onmousemove(){
if(ms){
document.getElementById(ms).style.pixelLeft=x+event.x;
document.getElementById(ms).style.pixelTop=y+event.y;
}
}

function document.onmouseup(){
if(ms){
event.srcElement.releaseCapture();
ms=0;
}
}
</script>
<style>
.alpha {
filter: Alpha(Opacity=50);
}
</style>
</head>
<body>
<div id="Layer1" style="position:absolute; width:200px; height:115px; z-index:1; left: 130px; top: 126px; cursor:hand; border: 3px dashed #000000; background-color:#FFFFFF; visibility:visible" class="alpha" onMouseDown=did('Layer1')>
</div>
</body>
</html>

我的问题如下:
1、运行的结果是什么也没有,我在div中间加入了<font>p</font>,div才
显示出来,这是为什么?
2、由于我希望除了边框以外,中间部分完全透明,所以试图去掉background-color:#FFFFFF,但去掉后发现鼠标在移上div后不再变成手状,只有在边框位置才会变成手,这是为什么,怎样解决这个问题呢?
3、另外,我还有一个担心,如果有人提出一个解决方案,可以将div做成完全透明,但border会不会也随之变成透明,那样就失去意义了,请大家出出主意。