解决方案 »

  1.   

    结构呢?如何隐藏的?dispaly:none?还是其他?
      

  2.   

    用css就可以啦<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Insert title here</title>
    <style>
    .myli:hover a{
    display:block;
    }
    .a_start{
    display:none;
    }
    </style>
    </head>
    <body>
    <ul>
    <li class='myli'><a class="a_start">a</a></li>
    <li class='myli'><a class="a_start">b</a></li>
    <li class='myli'><a class="a_start">c</a></li>
    <li class='myli'><a class="a_start">d</a></li>
    <li class='myli'><a class="a_start">e</a></li>
    </ul></body>
    </html>
      

  3.   

    用jquery方便点<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"type="text/javascript"></script>
    <script>
    $(document).ready(function(){
    $("#content li").mouseover(function(){
    $(this).find("a").css("display","block");
    })
    $("#content li").mouseout(function(){
    $(this).find("a").css("display","none");
    })
    })
    </script>
    <div id="content">
    <li>li<a href="" style="display:none">test1</a></li>
    <li>li<a href="" style="display:none">test2</a></li>
    <li>li<a href="" style="display:none">test3</a></li>
    </div>
      

  4.   

    li的hover,但在ie6下会有些问题 
    有补丁的方向
      

  5.   

    回复ww_super:
    我就是这样写的啊: $('#msglist li').mouseover(function(){
    $(this).children("a").css("display","block");
    });

    $('#msglist li').mouseout(function(){
    $(this).children('a').css("display","none");
    });但是当鼠标离开的时候a没有显示出来  求解
      

  6.   

    这是js代码
    $('#msglist li').mouseover(function(){
    $(this).children("a").css("display","block");
    });

    $('#msglist li').mouseout(function(){
    $(this).children('a').css("display","none");
    });
    这是html代码
    <ul id='msglist'>
    <volist name="res" id='vo2'>
    <li class="clearfix" id="{$vo2.WithUid}" style="border:1px solid #000">
    <a class="delCurSx" style="display:none">X</a>
    <div class="title">
    <h3> {$vo2.ToName}</h3>
    <p>{$vo2.AddTime}</p>
    </div>
    <div class="detail">
    <div class="sxDetailCon">{$vo2.Msg}</div>              
    </div>
    </li>
    </volist>
    </ul>为什么实现不出来效果呢?
      

  7.   

    像我上面给你的例子一样,把你的js代码放到
    $(document).ready(function(){ ... })这个里面来!这个是让你页面运行完了再执行js,你一开始就执行js,页面中还没有所写那些元素呢,完整代码如下<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"type="text/javascript"></script>
    <script>
    $(document).ready(function(){
    $('#msglist li').mouseover(function(){
        $(this).children("a").css("display","block");
    });
         
    $('#msglist li').mouseout(function(){
        $(this).children('a').css("display","none");
    }); 
    })
    </script>
    <ul id='msglist'>
    <volist name="res" id='vo2'>
    <li class="clearfix" id="{$vo2.WithUid}" style="border:1px solid #000">
    <a class="delCurSx" style="display:none">X</a>
    <div class="title">
    <h3>{$vo2.ToName}</h3>
    <p>{$vo2.AddTime}</p>
    </div>
    <div class="detail">
    <div class="sxDetailCon">{$vo2.Msg}</div>              
    </div>
    </li>
    </volist>
    </ul>
      

  8.   

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"type="text/javascript"></script>
    <script>
    $(document).ready(function(){
        $("#content li").mouseover(function(){
            $(this).find("a").css("display","block");
        })
        $("#content li").mouseout(function(){
            $(this).find("a").css("display","none");
        })
    })
      

  9.   

    a标签显示也可以这样写
    $(this).css("display","")
    或者这样
    $(this).css("visibility","visible")
      

  10.   

    回复 :ww_super
    我知道你说的啊   我就是那样写的啊  只是截图少截了点 
     就是  $(document).ready({...});这样的
      

  11.   

    回复:BingoVictor
    你把10楼我发你的完整代码放本地运行下,我测试可以的!你运行如果也可以的话,对比下看看哪边有不同
      

  12.   


    你加载jquery了吗加载了啊  其他的点击什么的效果都可以实现就这个实现不了
      

  13.   

    通过google浏览器,F12看下console,是否报错、