<html><head>
<meta http-equiv="content-type" content="text/htmlcharset=GB2312">
<style>
body{ background:#123456}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script>
st=true
$(document).ready(function(){
$("#btn").mousedown(function(){
if(st)
{
$("body").css({"background":"#000000"})
st=!st
$("#btn").val("on")
}
else
{
$("body").css({"background":"#123456"})
st=!st
$("#btn").val("off")
}
})
})
</script>
</head><body>
<input id="btn" value="off" type="button">
</body></html>
可以,用javascript+css就可以实现.很简单。当然。可能他们的方法跟我的不一样。但是一样实现了。具体的看你自己操作了。下面就是个简单的例子.你想要多完整?美化你自己搞一下就可以用了啊。
如果你不懂javascript,那说什么也是白搭。
---
<div style="width:100pxheight:150pxborder:1px solid" onmousemove="qa('a')" onmouseout="qi('a')">
aa
</div>
<div style="width:100pxheight:150pxborder:1px soliddisplay:noneposition:absolute" id="a">a的浮动层</div>
<div style="width:100pxheight:150pxborder:1px solid" onmousemove="qa('b')" onmouseout="qi('b')">
bb
</div>
<div style="width:100pxheight:150pxborder:1px soliddisplay:noneposition:absolute" id="b">b的浮动层</div>
<div style="width:100pxheight:150pxborder:1px solid" onmousemove="qa('c')" onmouseout="qi('c')">
cc
</div>
<div style="width:100pxheight:150pxborder:1px soliddisplay:noneposition:absolute" id="c">c的浮动层</div>
<script language="javascript">
function qa(obj)
{
$(obj).style.pixelLeft=event.x+10
$(obj).style.pixelTop=event.y+10
$(obj).style.display=""
}
function qi(obj)
{
$(obj).style.display="none"
}
function $(id)
{
return document.getElementById(id)
}
</script>