如题所述
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>div大小</title>
<style type="text/css">
.content{ width:200px; height:200px;background:#363; color:#fff;}
.hide{ width:300px; height:300px; display:none; background:#09C; color:#fff;}
</style>
<script type="text/javascript" src="http://www.sz886.com/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(e) {
$(".content").hover(function(){
//通过,hover事件鼠标在些活动事件,也可以使用mouseover鼠标经过事件,.show就是显示出现的属性(深圳网站建设www.sz886.com)
$(".hide").show();
});
});
</script>
</head>
<body>
<div class="content">显示</div>
<div class="hide">我是没有显示的div</div>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>div大小</title>
<style type="text/css">
.content{ width:200px; height:200px;background:#363; color:#fff;}
.hide{ width:300px; height:300px; display:none; background:#09C; color:#fff;}
</style>
<script type="text/javascript" src="http://www.sz886.com/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(e) {
$(".content").hover(function(){
//通过,hover事件鼠标在些活动事件,也可以使用mouseover鼠标经过事件,.show就是显示出现的属性(深圳网站建设www.sz886.com)
$(".hide").show();
});
});
</script>
</head>
<body>
<div class="content">显示</div>
<div class="hide">我是没有显示的div</div>
</body>
</html>
温馨提示:答案为网友推荐,仅供参考