Designsor

(function(){
/*$(".index_muen>li").hover(function(){
$(this).fadeTo("slow",1.0)
},function(){
$(this).fadeTo("slow",0.5)
}); 
*/
//DOMO里没有明确出颜色渐变，但是我做了，后期正式做的时候处理
$(".index_main").fadeIn("slow",function(){
$(".muen2")
.animate({left:"80px",width:"370px",height:"93px"},
150,
function(){
$(this).css("background-position","0px 0px");
$(".main_text2").slideDown(200);
});
});
//初始化
//点击的依次绑定，这里写的有点乱，因为着急出效果。
$(".index_muen>li").click(function(){
$(this)
.animate({left:"80px",width:"370px",height:"93px"},
150,
function(){
$(this).css("background-position","0px 0px")
});
$(".index_muen>li").not($(this))
.animate({left:"0px",width:"95",height:"23"},
150,
function(){
$(this).css("background-position","0px -105px")
})
$(".main_text2").hide("fast");
});
 
$(".muen2").click(function(){
$(".main_text2").slideDown(200);
});
//单独的第2个有文字的导航。
});

/*@author xiaojue*/
//JS翻页类
var Npage=function(pageparent,putwhere,pagechild,size){
//类初始化
Npage.num=1;
Npage.s=document.getElementById(pageparent);
Npage.p=document.getElementById(putwhere);
Npage.d=document.getElementById(pageparent).getElementsByTagName(pagechild);
Npage.size=size;
//跳转
Npage.pagegoto = function(i){
Npage.num=i;
pageup();
};
//判断参数是否合法
if(Npage.s==null || Npage.p==null || Npage.d==null || isNaN(Npage.size)) return;
 
//分页
var nowpage=function(){
var nowpagehtml=[];
for(i=1;i<=zsize();i++){
nowpagehtml.push("<a href='#"+i+"' onclick='Npage.pagegoto("+i+")'>"+i+"</a>");
}
nowpagehtml=nowpagehtml.join(" ");
return nowpagehtml;
}
//输出
Npage.p.innerHTML="每页共"+Npage.size+"条";
Npage.p.innerHTML+=" <a href='#prev' class='Nprev'>上一页</a>";
Npage.p.innerHTML+=nowpage();
Npage.p.innerHTML+=" <a href='#next' class='Nnext'>下一页</a>";
Npage.p.innerHTML+=" 共有"+zsize()+"页";
//上下分页
var Na=Npage.p.getElementsByTagName("a");
for(i=0;i<Na.length;i++){
if(Na[i].className!="Nprev") continue;
Na[i].onclick=Nprevaction;
}
for(i=0;i<Na.length;i++){
if(Na[i].className!="Nnext") continue;
Na[i].onclick=Nnextaction;
}
//
pageup();
};
//显示条数
var pageup = function(){
for (i = 0; i < Npage.d.length; i++) {
Npage.d[i].style.display = "none";
}
for (j = 0; j < Npage.d.length; j++) {
if (j >= Npage.num*Npage.size || j < (Npage.num-1)*Npage.size) continue;
Npage.d[j].style.display = "block";
}
}
//获得总页数
var zsize=function(){
return Math.ceil(Npage.d.length/Npage.size);
} 
//分页
var Nprevaction=function(){
if(Npage.num==1){alert("没有上一页了");return}
Npage.num=Npage.num-1;
pageup();
}
var Nnextaction=function(){
if(Npage.num==zsize()){alert("没有下一页了");return}
Npage.num=Npage.num+1;
pageup();
}

window.onload=function(){
var mypage1= new Npage("table1","page1","tr",4);
}