校内网个人首页的动态事件列表效果，每个列表的右边有个关闭符号，点击后关闭，然后下边列表自动向上移动补上空缺。
请教高手此效果如何实现！

object.parentNode.removeChild(object);
移除节点后就自动补齐了~！

楼上大虾，有参考代码吗？

楼主是不是搞了啥绝对定位

removeChild   
自动补齐,2楼说得够清楚了
至于代码,偶暂时没有,但是不难啊

<style type="text/css"> #vouch{width:300px} #vouch a{text-decoration:none;} #vouch li{ list-style:none; border-bottom:1px solid #CCCCCC; margin-top:10px; line-height:150% } #vouch span{ float:right; color:#333; cursor:pointer} </style> <script type="text/javascript"> window.onload = function (){ var spanList = document.getElementsByTagName("span"); for (var i=0,j=spanList.length;i<j;i++){ spanList[i].onclick = function(){ this.parentNode.parentNode.removeChild(this.parentNode); } } } </script> <ul id="vouch"> <li><span>×</span><a href="http://blog.sina.com.cn/yangedie">my blog</a></li> <li><span>×</span><a href="http://blog.sina.com.cn/yangedie">my website</a></li> <li><span>×</span><a href="http://www.blueidea.com">blueidea</a></li> <li><span>×</span><a href="http://bbs.blueidea.com">bbs</a></li> </ul>
 提示：您可以先修改部分代码再运行

其实那个X不是删除那个LI而是用CSS里的display:none隐藏了.DISPLAY的特性就是不占位隐藏.所以下面的会上去

引用:

原帖由 rsi2004 于 2008-9-22 16:16 发表
其实那个X不是删除那个LI而是用CSS里的display:none隐藏了.DISPLAY的特性就是不占位隐藏.所以下面的会上去

那就这个咯

复制内容到剪贴板

代码:

window.onload = function (){
    var spanList = document.getElementsByTagName("span");
    for (var i=0,j=spanList.length;i<j;i++){
        spanList[i].onclick = function(){
            //this.parentNode.parentNode.removeChild(this.parentNode);
            this.parentNode.style.display = "none";
        }
    }
}