感谢各位在百忙之中光临此地看我的问题,我的需求很简单,请看代码:<h4 id="tip">
<a href="">这里是一点提示信息</a>
<span id="close_tip"><a title="关闭提示"></a></span>
</h4>CSS代码就先不贴了,我想要的效果是,激活<a title="关闭提示"></a>这个链接时,整个h4元素都隐藏掉(使用display:none;),不用加什么“点击隐藏/显示”之类的效果。求简洁的代码实现。注:{
1. JS代码需要保存成文件供其他页面调用;
2. 最好把隐藏h4的这个过程放慢一点,起到过渡效果.
}谢谢各位大侠,在线等待答案

解决方案 »

  1.   

    <a href="javascript:close_()" ></a>
    <script type = "text/javascript">
       fucntion close_(){
           document.getElementById("tip").style.display = "none";
       }
    </script>
      

  2.   

    谢谢楼上,关键是现在我对JS不太熟悉,楼上兄弟的代码解决了问题,我还想要一点过渡效果,不知道如何实现?
    <script type="text/javscript" >
    .
    .
    .
    .
    .
    <h4 id="tip">
        <a href="">这里是一点提示信息</a>    
        <span id="close_tip"><a title="close the tips" href="javascript:hideTips()"></a></span>
    </h4>function hideTips() {
    document.getElementById("tip").style.display = "none";
    }
      

  3.   

    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <script type="text/javascript">
    window.onload=function(){
    $("#tip").click(function(){
    $(this).hide("slow");
    });
    }
    </script>
    <h4 id="tip">
        <a href="">这里是一点提示信息</a>    
        <span id="close_tip"><a title="close the tips" href="javascript:hideTips()"></a></span>
    </h4>
      

  4.   

    谢谢楼上……好强大的JQuery,可惜有点太大了164KB