js+Css鼠标经过显示文字效果
<html>
<head>
<title> dtksh </title>
<script>
<!--
function caption()
{
if(bobo.style.visibility=="hidden") {
bobo.style.visibility=""
sway.style.visibility=""
}
else{
bobo.style.visibility="hidden"
sway.style.visibility="hidden"
}
}
-->
</script>
</head>
<body>
<div id="bobo"
style="visibility:hidden;position:absolute;top:20;left:15;
width:190;height:35;background-color:rgb(62,174,128);
filter:alpha(opacity=60)">
</div>
<div id="sway"
style="visibility:hidden;color:rgb(177,63,174);position:absolute;top:20;
width:190;height:100;margin-top:5;margin-left:5;">
<p style="font-family:bailey;font-size:14pt;font-weight:bold;text-align:center">
Sports is wonderful!
</p>
</div>
<p> <img src="ss07049.jpg"
onmouseover="caption()"
onmouseout="caption()"> </p>
<P class="p2" style="color:red">请把您的鼠标移动到图片上,然后再把鼠标从图片上挪开。</p>
</body>
</html>