js:1//右键操作 置顶/上移一层/下移一层/置底事件
$(".t_Stick").click(function(){//置顶事件
var zindex_max=1;
$(".edit_contentimg li").each(function() {
var this_zindex=$(this).css("z-index");
if(zindex_max<this_zindex){
zindex_max=this_zindex;
}
});
zindex_max++;
ckd_global_li.css("z-index",zindex_max);
});
$(".t_up").click(function(){//上移一层
var zindex=parseInt(ckd_global_li.css("z-index"));
ckd_global_li.css("z-index",zindex+1);
});
$(".t_down").click(function(){//下移一层
var zindex=parseInt(ckd_global_li.css("z-index"));
if(zindex>1){
ckd_global_li.css("z-index",zindex-1);
}
});
$("#menu a.t_rear").click(function(){//置底事件 var zindex_min=1;
$(".edit_contentimg li").each(function() {
var this_zindex=$(this).css("z-index");
if(zindex_min>this_zindex){
zindex_min=this_zindex;
}
});
if(zindex_min>1){
zindex_min--;
}
ckd_global_li.css("z-index",zindex_min);
});
//右键操作 置顶/上移一层/下移一层/置底事件 ---end/js:2$(".icon_zhiding").click(function(){//置顶事件
var thisxuhao=parseInt($(".number").parent("li").attr("xuhao"));
$("#ul1 li").each(function(){
var eachxuhao=parseInt($(this).attr("xuhao"));
if(eachxuhao<thisxuhao){
$(this).animate({"top":(eachxuhao+1)*80+"px"},200);
}
})
$(".number").parent("li").animate({"top":0+"px"},200,function(){
getOrder();
});
});
$(".icon_shangyi").click(function(){//上移一页
var thisxuhao=parseInt($(".number").parent("li").attr("xuhao"));
if(thisxuhao==0){//第一条不能上移
return;
}
var proli=$("#ul1 li[xuhao$='"+(thisxuhao-1)+"']").attr("xuhao");
$(".number").parent("li").stop(false, true).animate({"top":(thisxuhao-1)*80+"px"},200);
$("#ul1 li[xuhao$='"+(thisxuhao-1)+"']").stop(false, true).animate({"top":thisxuhao*80+"px"},200,function(){
getOrder();
});
});
$(".icon_xiayi").click(function(){//下移一页
var thisxuhao=parseInt($(".number").parent("li").attr("xuhao"));
if(thisxuhao==$("#ul1 li").length-1){//最后一页不能下移
return;
}
var proli=$("#ul1 li[xuhao$='"+(thisxuhao+1)+"']").attr("xuhao");
$(".number").parent("li").stop(false, true).animate({"top":(thisxuhao+1)*80+"px"},200);
$("#ul1 li[xuhao$='"+(thisxuhao+1)+"']").stop(false, true).animate({"top":thisxuhao*80+"px"},200,function(){
getOrder();
});
});
$(".ulcancel_delete").click(btnclick);
$(".t_Stick").click(function(){//置顶事件
var zindex_max=1;
$(".edit_contentimg li").each(function() {
var this_zindex=$(this).css("z-index");
if(zindex_max<this_zindex){
zindex_max=this_zindex;
}
});
zindex_max++;
ckd_global_li.css("z-index",zindex_max);
});
$(".t_up").click(function(){//上移一层
var zindex=parseInt(ckd_global_li.css("z-index"));
ckd_global_li.css("z-index",zindex+1);
});
$(".t_down").click(function(){//下移一层
var zindex=parseInt(ckd_global_li.css("z-index"));
if(zindex>1){
ckd_global_li.css("z-index",zindex-1);
}
});
$("#menu a.t_rear").click(function(){//置底事件 var zindex_min=1;
$(".edit_contentimg li").each(function() {
var this_zindex=$(this).css("z-index");
if(zindex_min>this_zindex){
zindex_min=this_zindex;
}
});
if(zindex_min>1){
zindex_min--;
}
ckd_global_li.css("z-index",zindex_min);
});
//右键操作 置顶/上移一层/下移一层/置底事件 ---end/js:2$(".icon_zhiding").click(function(){//置顶事件
var thisxuhao=parseInt($(".number").parent("li").attr("xuhao"));
$("#ul1 li").each(function(){
var eachxuhao=parseInt($(this).attr("xuhao"));
if(eachxuhao<thisxuhao){
$(this).animate({"top":(eachxuhao+1)*80+"px"},200);
}
})
$(".number").parent("li").animate({"top":0+"px"},200,function(){
getOrder();
});
});
$(".icon_shangyi").click(function(){//上移一页
var thisxuhao=parseInt($(".number").parent("li").attr("xuhao"));
if(thisxuhao==0){//第一条不能上移
return;
}
var proli=$("#ul1 li[xuhao$='"+(thisxuhao-1)+"']").attr("xuhao");
$(".number").parent("li").stop(false, true).animate({"top":(thisxuhao-1)*80+"px"},200);
$("#ul1 li[xuhao$='"+(thisxuhao-1)+"']").stop(false, true).animate({"top":thisxuhao*80+"px"},200,function(){
getOrder();
});
});
$(".icon_xiayi").click(function(){//下移一页
var thisxuhao=parseInt($(".number").parent("li").attr("xuhao"));
if(thisxuhao==$("#ul1 li").length-1){//最后一页不能下移
return;
}
var proli=$("#ul1 li[xuhao$='"+(thisxuhao+1)+"']").attr("xuhao");
$(".number").parent("li").stop(false, true).animate({"top":(thisxuhao+1)*80+"px"},200);
$("#ul1 li[xuhao$='"+(thisxuhao+1)+"']").stop(false, true).animate({"top":thisxuhao*80+"px"},200,function(){
getOrder();
});
});
$(".ulcancel_delete").click(btnclick);
<div class="skinNvali">
<a href="javascript:;" title="置顶" class="icon_zhiding iconfont t_Stick"></a>
<a href="javascript:;" title="上移一层" class="icon_shangyi iconfont t_up"></a>
<a href="javascript:;" title="下移一层" class="icon_xiayi iconfont t_down"></a>
<a href="javascript:;" title="置底" class="zhiding1 iconfont t_rear"></a>
<a href="javascript:;" title="删除" class="cancel_delete iconfont R_delete" style="font-size:12px;"></a>
</div>js2的html<div class="addbtn">
<ul class="ul_cancel_operate" id="ul_cancel_operate">
<li title="置顶" class="icon_zhiding iconfont"></li>
<li title="上移" class="icon_shangyi iconfont"></li>
<li title="下移" class="icon_xiayi iconfont"></li>
<li title="删除当前页" class="ulcancel_delete cancel_delete iconfont disabledTab" ></li>
</ul>
<a class="addpage"href="javascript:;" title=""> <i class="iconfont icon_plus butjia" ></i>新增一页</a> </div>
</div>
<div class="sun_wrapper optscreen" style="position:relative; z-index:1">
<div class="wrapper_background " id="page0" style="background:url('images/1.jpg'); background-size:cover; "></div>
<ul id="edit_contentimg0" class="sun_area edit_contentimg "> <li num="1" id="element_li1" class="element_li" style="z-index: 1; width: 320px; height: 211px;"><div class="ele_box" style="width: 320px; height: 211px;"><div class="elebox_main" style="width: 320px; height: 211px;"><img id="base_ele1" class="base_ele ele_image" src="images/03.png"></div></div><div class="lineframe_box" style="display: none; width: 320px; height: 211px;"><div class="cricle_rotate"></div><div class="line_rotate"></div><div class="top_line"><div class="top_cricle"></div></div><div class="right_line"><div class="right_cricle"></div></div><div class="bottom_line"><div class="bottom_cricle"></div></div><div class="left_line"><div class="left_cricle"></div></div><div class="lefttop_cricle"></div><div class="righttop_cricle"></div><div class="rightbottom_cricle"></div><div class="leftbottom_cricle"></div></div></li><li num="2" id="element_li2" class="element_li ckd_liele" style="width: 320px; height: 315px; z-index: 2;"><div class="ele_box" style="width: 320px; height: 315px;"><div class="elebox_main" style="width: 320px; height: 315px;"><img id="base_ele2" class="base_ele ele_image" src="images/04.png"></div></div><div class="lineframe_box" style="display: block; width: 320px; height: 315px;"><div class="cricle_rotate"></div><div class="line_rotate"></div><div class="top_line"><div class="top_cricle"></div></div><div class="right_line"><div class="right_cricle"></div></div><div class="bottom_line"><div class="bottom_cricle"></div></div><div class="left_line"><div class="left_cricle"></div></div><div class="lefttop_cricle"></div><div class="righttop_cricle"></div><div class="rightbottom_cricle"></div><div class="leftbottom_cricle"></div></div></li></ul>
</div>
</section>js2操作的对象:<ul id="ul1" style="height: 80px;">
<li class="sun_clearfix" xuhao="0" id="li0"> <span class="current"><em class="ng-binding">1</em></span>
<div class="listItem pageno">第<strong>1</strong>页</div>
<div class="listItem widItem"></div>
</li>
<li class="sun_clearfix xuhaochd" xuhao="1" id="li1" style="top:80px"><span class="number"><em class="ng-binding">2</em></span><div class="listItem pageno">第<strong>2</strong>页</div><div class="listItem widItem"></div></li></ul>
如果你js1的li生成代码和js2用的是一套,你改成2套不就可以了吗