我用jquer写了很多的JS 但是感觉风格有点不好太死板了 求简介写法 精华 求教


$(function(){
    var x=$(document).height();
    var y=$(window).width(); 
 $(window).scroll(function(){
if($(document).scrollTop()>=200){
 $(".toper").show();
}
})
     $(".chenks").click(function(e){
    window.scroll(0,0);
    $(".haha").css({height:x+"px",display:"block",right:y+"px"}).animate({right:"0"},400);
    $(".hide").animate({top:"30%"},1000,function(){$(this).animate({top:"20%"},500,function(){$(this).animate({top:"25%"},1000)
      })
})
 })
 $(".close").click(function(){
    $(".hide").animate({top:x+"px"},1000,function(){$(this).css({top:"-400px"})});
$(".haha").css({display:"none"});
 })
   $(".bodys li").mouseenter(function(){
     //if(!$(this).find("#opacitys a").is(":animated")){
      $(this).find(".opacitys a").show();
   $(this).find(".opacitys img").css({width:"55px",height:"39px"}).animate({top:"0px"},500,
   function(){$(this).animate({top:"-5px"},200,
   function(){$(this).animate({top:"0px"},500)})
   });
  // }
   })
   $(".bodys li").mouseleave(function(){ 
     $(this).find(".opacitys a").hide();
  $(this).find(".opacitys img").css({top:"-115px"}).stop();
 //.animate({top:"-187px"},1000)
   })
   $(".checkeds").mouseenter(function(){
     $(this).css({background:"#C61212"})
   })
     $(".checkeds").mouseleave(function(){
     $(this).css({background:"#777777"})
   })
    $(".fanhui").mouseenter(function(){
     $(this).addClass("add");
$(this).find(".wenzi").addClass("adder");
   })
     $(".fanhui").mouseleave(function(){
     $(this).removeClass("add").find(".wenzi").removeClass("adder");
   })
   $(".chenks").bind(" mouseenter click",function(){
     $(this).addClass("piaos");
 
   })
     $(".chenks").mouseleave(function(){
     $(this).removeClass("piaos");
   })
   $(".toper").mouseenter(function(){
 $(this).addClass("bians");
   })
   $(".toper").click(function(){
      window.scroll(0,0);
   })
   $(".toper").mouseleave(function(){
 $(this).removeClass("bians");
   })
  
})