SOURCE

$(document).ready(function(){
   $("button").click(function(){
    var div=$("div");  
    div.animate({left:'500px'},"slow");
    div.animate({fontSize:'2em'},"slow");
  });
  
  $("button").click(function(){
    var div=$("div");
    div.animate({height:'500px',opacity:'0.4'},"slow");
    div.animate({width:'500px',opacity:'0.8'},"slow");
    div.animate({height:'200px',opacity:'0.4'},"slow");
    div.animate({width:'300px',opacity:'0.8'},"slow");
    div.animate({fontSize:'1em'},"slow");
  });
   
 
    $("#p1").mousedown(function(){
    alert("你，准备好了吗？");
       alert("准备好请点击确定");
       window.location.href = "";
       $("button").click(function(){
    $("p").slideToggle();
  });
  });
  });

<button>开始动画</button>

<div id="p" style="test-algin:center; background:pink;height:300px;width:500px;position:relative;font-size:28px;">Hello!欢迎大家了解鹤壁~看这里    ☟☟☟☟☟！</div><br>
<div id="p1"  style="ackground:#FF6666;height:300px;width:500px;position:relative">点击这里你就可以了解到一个城市——鹤壁！</div>
<button>帮助</button>
<p></p>

#p {
    width: 500px;
    border: 9px solid #FF9999;
  border-style:ridge;
   padding: 25px solid black;
    margin: 25px;
  
}
#p1{
  background-color:#FF9999;
  width: 600px;
    border: 10px solid #FFCCCC;
  border-style:groove;
  position:relative;
	left:80px;
	top:-280px;

}
#button1{
  
}