CSS DIV 怎样做出来鼠标移动上就显示其内容?-ZOL问答

这就要借助js代码了
<body> <div id="warp" onmouseover="over()" onmouseout="out()"> <div id="text" style="display: none;">这里面有一段文字</div> </div></body><script type="text/javascript">function over(){ var div = document.getElementById('warp');//获取大div对象 var text = document.getElementById('text');//获取文字div对象 text.style.display="block";}//鼠标进入显示文字function out(){ var div = document.getElementById('warp'); var text = document.getElementById('text'); text.style.display="none";}//鼠标退出不显示文字</script>

453417767

用title
<img title="文字说明" src="图片路径">

不需要CSS本身的img标签就有title属性可以实现
如果有帮到你请采纳

1370260938dalian

复制下面的代码放到html文件保存就实现了。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="http://img.lanrentuku.com/img/js/jquery.js"></script>


<script>
$(function(){
var aa="这些一行文字就写到这里面";
alert(aa);
$("#testID").mouseover(function(){
$(this).text(aa);
}).mouseout(function(){
$(this).text("");
});
})
</script>
</head>
<body>

<div style="width:400px; height:50px; margin:0 auto; background-color:#6C3; color:#FC6; font-size:20px; font-weight:bold; line-height:50px; text-align:center;" id="testID">
</div>
</body>
</html>