<html>
<head>
<title>Style Test</title>
<script type="text/javascript" language="javascript">
function showTip(){
var oDiv=document.getElementById("divTip1");
oDiv.style.visibility="visible";
}
function hideTip(){
var oDiv=document.getElementById("divTip1");
oDiv.style.visibility="hidden";
}
</script>
</head>
<body>
<p>Move your mouse over the red square</p>
<div id="div1" style="background-color:red;height:50px;width:50px" οnmοuseοver="showTip()" οnmοuseοut="hideTip()">
</div>
<div id="divTip1" style="background-color:green;position:absolute;visibility:hidden;padding:50px">
<span style="font-weight:bold">Custom Tooltip</span><br />
More details can go here.
</div>
</body>
</html>
扫一扫
509
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
