何实现随鼠标移到切换到对应的内容

本帖最后由 sohojj 于 2009-12-06 16:06:06 编辑

解决方案 »

  1.   

    <html>
    <head>
    <title>C</title>
    </head><body >

    <script language="JavaScript" type="text/JavaScript">
    function content_show(iContent)
    {
    for(var i=0;i<4;i++)
    document.getElementById("ticontent"+i).style.display="none";
    document.getElementById("ticontent"+iContent).style.display="block";
    }
    </script><div id="ti_box">
    <div class="ti_1">
    <li onclick="Showticontent('0')" id="tinav0" class="ti_nav"><a href="#" onmouseover="content_show(0);" >标题一</a></li>
    <li onclick="Showticontent('1')" id="tinav1" class="ti_nav_current"><a href="#" onmouseover="content_show(1);" >标题2</a></li>
    <li onclick="Showticontent('2')" id="tinav2" class="ti_nav_current"><a href="#" onmouseover="content_show(2);" >标题3</a></li>
    <li onclick="Showticontent('3')" id="tinav3" class="ti_nav_current"><a href="#" onmouseover="content_show(3);" >标题4</a></li>
    </div>
    <div class="tibox">
    <div id="ticontent0">               
    标题1的内容                
    </div>
    <div id="ticontent1" style="display:none;">
    标题2的内容
    </div>
    <div id="ticontent2" style="display:none;">
    标题3的内容
    </div>
    <div id="ticontent3" style="display:none;">
    标题4的内容
    </div>
    </div>
    </div>    </body>
    </html>