Question

css 鼠标经过一个a让另一个DIV从隐藏变为显示求解、

.tm{position:absolute;top:0px;display:none;}
.gywman a:hover .tm{display:block;}
下边tm为什么不会出来 代码哪里错了

Answer 1

1、给鼠标经过的DIV添加一个类 ，类名为submeau；如下图：

2、给显示或者隐藏的DIV，添加一个ID，ID名为:id="oa_submeau"，如下图：

3、将以下的JQUERY代码放在整个网页的最底部，用于控制鼠标经过显示DIV，离开隐藏DIV。

<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>

<script type="text/javascript">

$("#oa_submeau").hide();

$(".submeau").hover(function () {

$("#oa_submeau").show();

}, function () {

$("#oa_submeau").hide();

})

// 鼠标移动到list的div上的时候list div不会被隐藏

$("#oa_submeau").hover(function () {

$("#oa_submeau").show();

}, function () {

$("#oa_submeau").hide();

})

</script>，这样就可以实现鼠标经过某个区域时显示隐藏的DIV，离开时再次隐藏DIV。

Answer 2

你这样写不行的。a:hover .tm这个成了从属关系了，我想问，a:hover的时候，他哪里来的tm样式？这里要用到js实现,代码如下。

$(function(){
$("a").hover(function()
{
   //这里写鼠标悬浮其上的动作
   $(".tm").show();
},function(){
    //这里写鼠标移动出去的动作
    $(".tm").hide();
});
});

 另外我想说我这个代码是jquery的代码。