SOURCE

console 命令行工具 X clear

                    
>
console
$(document).ready(function(){
  $("button").click(function(){
    $("div").animate({left:'2000px'});
  });
});
$(document).ready(function(){
  $("button").click(function(){
    $("p").hide("slow",function(){
      alert("段落现在被隐藏了");
    });
  });
});
<div class="zongti">
<div class="class1">

  <div>
<nav class="class2">
   <a href="https://jsrun.net/XBkKp/show">
    
 <b  >首页     
  </b></a>
&nbsp;  &nbsp;   &nbsp;
  <a href="https://jsrun.net/VjkKp/show">
     <b > 国际</b>
  </a>
&nbsp;  &nbsp;   &nbsp;
  <a |href="http://mil.huanqiu.com/observation/2017-05/10611678.html">
    <b > </b>
  </a>
 
  <a href="https://jsrun.net/5VYKp/show">
     <b > 军事</b>
  </a>
    &nbsp;  &nbsp;   &nbsp;
  <a href="http://mil.huanqiu.com/observation/2017-05/10611678.html">
    <b > 国内</b>
  </a>
  &nbsp;  &nbsp;   &nbsp;
  <a href="http://mil.huanqiu.com/observation/2017-05/10611678.html">
    <b > 台海</b>
  </a>
  &nbsp;  &nbsp;   &nbsp;
  <a href="http://mil.huanqiu.com/observation/2017-05/10611678.html">
    <b > 评论</b>
  </a>
   &nbsp;  &nbsp;   &nbsp;
  <a href="http://mil.huanqiu.com/observation/2017-05/10611678.html">
    <b > 社会</b>
  </a></li>
      </ul>
    </div>
  </div>
  

     <hr><hr/>
<div class="div2" style="float:left;">
    <img id="x3"  src=http://d.ifengimg.com/mw978_mh598/p3.ifengimg.com/cmpp/2017/05/07/14/d3709685-60ab-4353-8320-1fa0141b88c8_size85_w1024_h740.jpg>
  <div class="div4" style="float:right;">
<li><b><a href="#">中国申办足协辟谣梦想未止步</a></b></li>
      <li><a href="#">女篮大赛三连胜,主教练称赞</a></li>
       <li><a href="#">羽毛球主教练李永波下台</a></li>
       <li><a href="#">我国乒乓球队大名单确定</a></li>
       <li><a href="#">周琦参加nba选秀落选</a></li>
       <li><a href="#">国足只剩下理论上出现可能</a></li>
      <hr />
      <li><b><a href="#">中国申办足协辟谣梦想未止步</a></b></li>
      <li><a href="#">女篮大赛三连胜,主教练称赞</a></li>
       <li><a href="#">羽毛球主教练李永波下台</a></li>
       <li><a href="#">我国乒乓球队大名单确定</a></li>
       <li><a href="#">周琦参加nba选秀落选</a></li>
       <li><a href="#">国足只剩下理论上出现可能</a></li>
      <hr />
      <li><b><a href="#">中国申办足协辟谣梦想未止步</a></b></li>
      <li><a href="#">女篮大赛三连胜,主教练称赞</a></li>
       <li><a href="#">>羽毛球主教练李永波下台</a></li>
       <li><a href="#">我国乒乓球队大名单确定</a></li>
       <li><a href="#">周琦参加nba选秀落选</a></li>
       <li><a href="#">国足只剩下理论上出现可能</a></li>
        </div>  
  <hr><hr/>
  <button>开始动画</button>

<div style="background:#98bf21;height:100px;width:100px;position:absolute;">
</div><p>
             新华社巴黎5月7日电(记者韩冰 应强)法国多家民调机构7日晚公布数据显示,法国前经济部长、“前进”运动候选人埃马纽埃尔·马克龙当天在2017年法国总统选举第二轮投票中获得超过65%的选票,当选新一任法国总统。年仅39岁的马克龙将是法兰西第五共和国近60年历史上最年轻的总统。</p>
     

                      </div>
.class1{
  text-align:left;
    height:50px;

}
.class2 {
  text-align: center;
  background-color:red;
  margin: 0px;
  padding: 25px;
    height:5px; 
 width:700px;
}
#menu 
{
  color:red;
  
    
}


h1
{
  color:red
}
#header
{
  font-family:"隶书";
}
#box 
{
  border-radius:10px;
  height: 60px;
  width: 628px;
  border: 1px solid red;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
  font-family:"隶书" ;
  font-size:20px;
}


#content
{

}



ul
{
 font-family:"隶书" ;
  font-size: 18px;
}

#footer
{
  font-family:"隶书"
}

#content
{
  font-family:"隶书"
}
.div1{
  float:left;
  text-align:left;
}.class3{
  font-size:34px
  
}
.div4{
  font-size:25px;
  padding-right:100px;
}