滑动门 像IE标签栏那样能关闭能添加的
日期：2014-05-16 浏览次数：20365 次
求一个滑动门 像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的否
如图，可以关闭的，最右边一栏点了可以添加新选项卡，自己试了很久搞不定，求高手
------解决方案--------------------
<!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的否
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
