滑动门像IE标签栏那样能关闭能添加的-JavaSript-爱易网页

滑动门像IE标签栏那样能关闭能添加的

日期：2014-05-16　浏览次数：20340 次

求一个滑动门像IE标签栏那样能关闭能添加的

如图，可以关闭的，最右边一栏点了可以添加新选项卡，自己试了很久搞不定，求高手

------解决方案--------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
td{
width:100px;
background-image:url(1.jpg);
direction:rtl;
}
</style>
<script type="text/javascript">
function add(){
var button=document.getElementById("test");
var p=button.parentNode;
var td=document.createElement("td");
var close=document.createElement("input");
close.type="button";
close.value="X";
close.onclick=remove;
td.appendChild(close);
var pp=p.parentNode;
pp.insertBefore(td,p);
}
function remove(){
var p=this.parentNode;
var pp=p.parentNode;
pp.removeChild(p);
}
</script>
</head>

<body>
<table>
<tr>
<td><input type="button" value="增加" onclick="add()" id="test"></td>
</tr>
</table>
</body>
</html>
大体类似于这样试试
------解决方案--------------------
基于jQuery实现的标签页：http://webzixue.iteye.com/blog/1520002
------解决方案--------------------
三楼正解.楼主要JQ的否