console
$("#jd").click(function(){
$("#bd").slideToggle("slow");
});
<div class="zongti">
<div class="class1">
<div>
<nav class="class2">
<a href="https://jsrun.net/XBkKp/show">
<b >首页
</b></a>
<a href="https://jsrun.net/VjkKp/show">
<b > 国际</b>
</a>
<a |href="http://jsrun.net/VjkKp/show">
<b > </b>
</a>
<a href="http://jsrun.net/VjkKp/show">
<b > 军事</b>
</a>
<a href="http://jsrun.net/VjkKp/show">
<b > 国内</b>
</a>
<a href="http://jsrun.net/VjkKp/show">
<b > 台海</b>
</a>
<a href="http://jsrun.net/VjkKp/show">
<b > 评论</b>
</a>
<a href="http://jsrun.net/VjkKp/show">
<b > 社会</b>
</a>
</div></div>
</div><div>
<div class="column-title-border">
<img src="http://n.sinaimg.cn/mil/transform/20170506/gopU-fyeyqek9894890.jpg"
width="500px" ></div> <hr />
<p id="jd"> 焦点新闻</p>
<div id="bd">
<ul class="ulist ">
<li class="bold-item">
<a href="http://jsrun.net/VjkKp/show" mon="col=1&a=2&pn=1"
target="_blank">
为在藏南刺探中国情报 印度大学教军人学中文
</a>
</li>
<li>
<a href="http://jsrun.net/VjkKp/show" mon="col=1&a=2&pn=2"
target="_blank">
韩国又闹！总统候选人称2020年要搞出核潜艇
</a>
</li>
<li>
<a href="http://jsrun.net/VjkKp/show"
mon="col=1&a=2&pn=3" target="_blank">
区区几十门德国105炮 撑起了抗战炮兵的半边天
</a>
</li>
<li>
<a href="http://jsrun.net/VjkKp/show" mon="col=1&a=2&pn=4"
target="_blank">
菲律宾海岸警卫队青年警官来华培训
</a>
</li>
<li>
<a href="http://jsrun.net/VjkKp/show" mon="col=1&a=2&pn=5"
target="_blank">
中国造世界最大海警船现身 登临南海岛礁巡视
</a>
</li>
<li>
<a href="http://jsrun.net/VjkKp/show" mon="col=1&a=2&pn=6"
target="_blank">
B-21轰炸机项目被美国会削减预算2000万美元
</a>
</li>
</ul>
<ul class="ulist ">
<li class="bold-item">
<a href="http://news.ifeng.com/a/20170506/51054107_0.shtml?_zbs_baidu_news"
mon="col=1&a=2&pn=7" target="_blank">
苏-35护航图95逼近阿拉斯加 美军F-22拦截伴飞
</a>
</li>
<li>
<a href="http://bbs.miercn.com/bdnews/201705/1110271.html" mon="col=1&a=2&pn=8"
target="_blank">
美：韩大选结果是特朗普对朝政策最大变数
</a>
</li>
<li>
<a href="http://hot.qianyan001.com/20170506/303570_1.html" mon="col=1&a=2&pn=9"
target="_blank">
印网友中国C919心情复杂：印度只会买买买
</a>
</li>
<li>
<a href="http://bbs.miercn.com/bdnews/201705/1110269.html" mon="col=1&a=2&pn=10"
target="_blank">
中国海军如何发展？强大战舰令他国不敢妄动
</a>
</li>
<li>
<a href="http://news.ifeng.com/a/20170506/51054099_0.shtml?_zbs_baidu_news"
mon="col=1&a=2&pn=11" target="_blank">
西方无法再把中国军工当笑话 部分装备赶上欧美
</a>
</li>
<li>
<a href="http://hot.qianyan001.com/20170506/303569_1.html" mon="col=1&a=2&pn=12"
target="_blank">
马英九：不懂为何在有人想美化日本殖民台湾
</a>
</li>
</ul>
</div>
<div class="column-title-border">
<img src="http://img1.gtimg.com/news/pics/hv1/71/234/2207/143569916.jpg"
width="500px">
<h2>
国际军情
</h2>
</div>
<hr>
<div class="bd">
<ul class="ulist ">
<li class="bold-item">
<a href="http://news.qq.com/a/20170507/027076.htm" mon="col=8&a=2&z=guojijq&pn=1"
target="_blank">
朝鲜再逮捕一名美国公民 称其涉嫌从事反朝敌视行为
</a>
</li>
<li>
<a href="http://news.sina.com.cn/w/2017-05-07/doc-ifyexxhw2668317.shtml"
mon="col=8&a=2&z=guojijq&pn=2" target="_blank">
驻韩美军拟建人工情报部队以搜集朝鲜核导信息
</a>
</li>
<li>
<a href="http://www.cnrexue.com/n/201705/154761.html" mon="col=8&a=2&z=guojijq&pn=3"
target="_blank">
俄罗斯推迟对朝航线：日本开口说话了
</a>
</li>
<li>
<a href="http://baijiahao.baidu.com/s?id=1566718603413610" mon="col=8&a=2&z=guojijq&pn=4"
target="_blank">
美军航母群直指朝鲜 普京终于看不下去 与特朗普电话..
</a>
</li>
<li>
<a href="http://baijiahao.baidu.com/s?id=1566716834704911" mon="col=8&a=2&z=guojijq&pn=5"
target="_blank">
你若不听话，打你没商量！特朗普向朝鲜下达最后的制裁
</a>
</li>
<li>
<a href="http://www.cqcb.com/hot/2017-05-07/308068_pc.html" mon="col=8&a=2&z=guojijq&pn=6"
target="_blank">
棉衣准备好了吗？主城今天最低温才12℃
</a>
</li>
</ul>
<ul class="ulist ">
<li class="bold-item">
<a href="http://baijiahao.baidu.com/s?id=1566695439152086" mon="col=8&a=2&z=guojijq&pn=7"
target="_blank">
美国立法案强制检查中俄涉朝鲜船只， 中俄：这是在宣..
</a>
</li>
<li>
<a href="http://baijiahao.baidu.com/s?id=1566655322936440" mon="col=8&a=2&z=guojijq&pn=8"
target="_blank">
美法案允许强制检查中俄涉朝船只
</a>
</li>
<li>
<a href="http://baijiahao.baidu.com/s?id=1566636678117388" mon="col=8&a=2&z=guojijq&pn=9"
target="_blank">
朝鲜煤炭3月降为零，难怪发文批评中国，这是“真疼”..
</a>
</li>
<li>
<a href="http://baijiahao.baidu.com/s?id=1566633785909936" mon="col=8&a=2&z=guojijq&pn=10"
target="_blank">
美韩派人“刺杀”金正恩，两国搞“国家恐怖主义”？ ..
</a>
</li>
<li>
<a href="http://baijiahao.baidu.com/s?id=1566633518988135" mon="col=8&a=2&z=guojijq&pn=11"
target="_blank">
美朝世纪尴尬即将结束？特朗普透露出新的讯息让世界不..
</a>
</li>
<li>
<a href="http://baijiahao.baidu.com/s?id=1566632385433458" mon="col=8&a=2&z=guojijq&pn=12"
target="_blank">
朝鲜该如何应对美国的新一轮的制裁？
</a>
</li>
.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;
}