<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script src="jquery-1.4.4.min.js" type="text/javascript"></script>
<script type="text/javascript" language="javascript">
var row_count_parent = 10;
var row_count_child = 1;
function addNewParent(tValue){
var table1 = $('#'+tValue);
if(tValue=='table1'){
var rowParent = $("<tr id='parent_"+row_count_parent+"' align='center' ></tr>");
var td1 = $("<td></td>");
td1.append($("<img id='img_jia_"+row_count_parent+"' onclick='disPlay2("+row_count_parent+",this)' src='images/nolines_minus.png' style='cursor: pointer;'/><b> </b><input id='' type='text' value='一级分类_"+row_count_parent+"' onmouseout='inputborderChangeOut(this);' onmouseover='inputborderChengeOver(this);' style='' />"));
var td2 = $("<td><img id='checkbox_jia_"+row_count_parent+"' onclick='disPlay22("+row_count_parent+",this)' src='images/tree_open.gif' style='cursor: pointer;'></td>");
var td3 = $("<td><img onclick='moveUpParentTop(this)' onmouseover='moveUpParentTopOver(this)' onmouseout='moveUpParentTopOut(this)' src='images/button_first1.gif' style='cursor: pointer;'><b> </b><img onclick='moveUpParent(this)' onmouseover='moveUpParentOver(this)' onmouseout='moveUpParentOut(this)' src='images/button_prev1.gif' style='cursor: pointer;'><b> </b><img onclick='moveDownParent(this)' onmouseover='moveDownParentOver(this)' onmouseout='moveDownParentOut(this)' src='images/button_next1.gif' style='cursor: pointer;'><b> </b><img onclick='moveDownParentLast(this)' onmouseover='moveDownParentLastOver(this)' onmouseout='moveDownParentLastOut(this)' src='images/button_end1.gif' style='cursor: pointer;'></td>");
var td4 = $("<td><a href='#'>查看</a></td>");
var td5 = $("<td><img onclick='del1(this,"+row_count_parent+");' src='images/wrong.png' style='cursor: pointer;'></td>");
rowParent.append(td1);
rowParent.append(td2);
rowParent.append(td3);
rowParent.append(td4);
rowParent.append(td5);
table1.append(rowParent);
var rowChild = $("<tr id='"+row_count_parent+"_add_button' align='center'></tr>");
var td11 = $("<td colspan='1'></td>");
var td22 = $("<td colspan='4'><b> </b></td>");
td11.append($("<a style='cursor: pointer;font-size: 12px;color: #474C52;text-decoration:underline;' onclick='addNewChild("+row_count_parent+",this);'><img src='images/add2.gif'><b> 添加二级分类</b></a>"));
rowChild.append(td11);
rowChild.append(td22);
table1.append(rowChild);
row_count_parent++;
//mouseOverChangeColor();
}
}
function addNewChild(tValue,obj){
var table1 = $('#table1');
var rowChilds = $("<tr id='"+tValue+"_"+row_count_parent+"' align='center'></tr>");
var td11 = $("<td colspan='1'></td>");
td11.append($("<b> </b><img src='images/joinbottom.gif'><input id='' type='text' value='"+tValue+"_二级分类_"+row_count_parent+"' onmouseout='inputborderChangeOut(this);' onmouseover='inputborderChengeOver(this);' style='' />"));
var td22 = $("<td><b> </b></td>");
var td33 = $("<td><img onclick='moveUpTop(this)' onmouseover='moveUpTopOver(this)' onmouseout='moveUpTopOut(this)' src='images/button_first1.gif' style='cursor: pointer;'><b> </b><img onclick='moveUp(this)' onmouseover='moveUpOver(this)' onmouseout='moveUpOut(this)' src='images/button_prev1.gif' style='cursor: pointer;'><b> </b><img onclick='moveDown(this)' onmouseover='moveDownOver(this)' onmouseout='moveDownOut(this)' src='images/button_next1.gif' style='cursor: pointer;'><b> </b><img onclick='moveDownLast(this)' onmouseover='moveDownLastOver(this)' onmouseout='moveDownLastOut(this)' src='images/button_end1.gif' style='cursor: pointer;'></td>");
var td44 = $("<td><a href='#'>查看</a></td>");
var td55 = $("<td><img onclick='del2(this);' src='images/wrong2.png' style='cursor: pointer;'></td>");
rowChilds.append(td11);
rowChilds.append(td22);
rowChilds.append(td33);
rowChilds.append(td44);
rowChilds.append(td55);
rowChilds.insertBefore($(obj).parent().parent());
row_count_parent++;
//mouseOverChangeColor();
}
function inputborderChangeOut(o){
o.style.backgroundColor='#E6E6E6';o.style.borderColor='#E6E6E6';
}
function inputborderChengeOver(o){
o.style.backgroundColor='#FFFFEE';o.style.borderColor='#55DDFF';
}
function moveUp(obj){
var current=$(obj).parent().parent();
var prev=current.prev();
var thisid = current[0].id.split('_')[0];
var previd = prev[0].id.split('_')[0];
if(current.index()>1&&thisid==previd){
current.insertBefore(prev);
obj.src = 'images/button_prev1.gif';
}
}
function moveUpOver(obj){
var current=$(obj).parent().parent();
var prev=current.prev();
var thisid = current[0].id.split('_')[0];
var previd = prev[0].id.split('_')[0];
if(current.index()>1&&thisid==previd){
obj.src = 'images/button_prev1_cur.gif';
}else{
obj.src = 'images/canot.jpg';
}
}
function moveUpOut(obj){
obj.src = 'images/button_prev1.gif';
}
function moveUpTop(obj){
var current=$(obj).parent().parent();
var thisid = current[0].id.split('_')[0];
var child_trs = $("#table1 tr[id^='"+thisid+"_']");
var prev=$(child_trs[0]);
var previd = prev[0].id.split('_')[0];
if(current.index()>1&&thisid==previd&&prev[0].id!=current[0].id){
current.insertBefore(prev);
obj.src = 'images/button_first1.gif';
}
}
function moveUpTopOver(obj){
var current=$(obj).parent().parent();
var thisid = current[0].id.split('_')[0];
var child_trs = $("#table1 tr[id^='"+thisid+"_']");
var prev=$(child_trs[0]);
var previd = prev[0].id.split('_')[0];
if(current.index()>1&&thisid==previd&&prev[0].id!=current[0].id){
obj.src = 'images/button_first1_cur.gif';
}else{
obj.src = 'images/canot.jpg';
}
}
function moveUpTopOut(obj){
obj.src = 'images/button_first1.gif';
}
function moveDown(obj){
var current=$(obj).parent().parent();
var next=current.next();
var thisid = current[0].id.split('_')[0];
var nextid = next[0].id.split('_')[0];
if(next&&thisid==nextid&&next[0].id.split('_')[1]!='add'){
current.insertAfter(next);
obj.src = 'images/button_next1.gif';
}
}
function moveDownOver(obj){
var current=$(obj).parent().parent();
var next=current.next();
var thisid = current[0].id.split('_')[0];
var nextid = next[0].id.split('_')[0];
if(next&&thisid==nextid&&next[0].id.split('_')[1]!='add'){
obj.src = 'images/button_next1_cur.gif';
}else{
obj.src = 'images/canot.jpg';
}
}
function moveDownOut(obj){
obj.src = 'images/button_next1.gif';
}
function moveDownLast(obj){
var current=$(obj).parent().parent();
var thisid = current[0].id.split('_')[0];
var child_trs = $("#table1 tr[id^='"+thisid+"_']");
var next=$(child_trs[child_trs.length-2]);
var nextid = next[0].id.split('_')[0];
if(next&&thisid==nextid&&next[0].id.split('_')[1]!='add'&&next[0].id!=current[0].id){
current.insertAfter(next);
obj.src = 'images/button_end1.gif';
}
}
function moveDownLastOver(obj){
var current=$(obj).parent().parent();
var thisid = current[0].id.split('_')[0];
var child_trs = $("#table1 tr[id^='"+thisid+"_']");
var next=$(child_trs[child_trs.length-2]);
var nextid = next[0].id.split('_')[0];
if(next&&thisid==nextid&&next[0].id.split('_')[1]!='add'&&next[0].id!=current[0].id){
obj.src = 'images/button_end1_cur.gif';
}else{
obj.src = 'images/canot.jpg';
}
}
function moveDownLastOut(obj){
obj.src = 'images/button_end1.gif';
}
function moveUpParent(obj){
var current=$(obj).parent().parent();
var parentid = current[0].
JQuery写的淘宝店铺分类效果
需积分: 1 36 浏览量
2023-09-28
16:50:27
上传
评论
收藏 59KB RAR 举报
JQuery-仿淘宝店铺分类效果(完美版).rar （24个子文件） 
仿淘宝店铺分类效果 images 
add1.gif 931B
nolines_plus.png 300B button_end1_cur.gif 861B T1hic.XoXcXXcJX92I-400-400.gif 4KB wrong.png 752B wrong2.png 600B
canot1.jpg 9KB joinbottom.gif 866B button_prev1.gif 859B nolines_minus.png 321B tree_open.gif 1004B button_first1_cur.gif 863B button_next1_cur.gif 861B canot2.jpg 9KB add2.gif 875B canot.jpg 9KB button_prev1_cur.gif 862B joinbottom2.gif 66B tree_close.gif 999B button_next1.gif 859B button_end1.gif 860B button_first1.gif 861B
jquery-1.4.4.min.js 77KB
demo.html 29KB资源评论
