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