console
$("p").hide();
$("b1").mouseenter(function() {
alert('欢迎您！');
});
$("button").click(function() {
$("p").toggle();
});
$("img").hide();
$("b").mouseenter(function(){
$("img").toggle();
})
<div id="container" style="width:100%">
<div id="header" style="background-color:gray;">
<h1 style="margin-bottom:0; text-align:center;color:#780000;">
<b1>新闻</b1>&<b>图片</b>在线快速预览
</h1>
<span style="color:red">
<a style="float:right;color:black" href="">
返回主页
</a>
</span>
</div>
<div id="menu" style="background-color:gray;height:500px;width:16%;float:left;">
<button>
三大高校
</button>
<p>
河南科技大学
</p>
<p>
洛阳师范学院
</p>
<p>
洛阳理工学院
</p>
</div>
<div id="content" style="background-color:#EEEEEE;height:200px;width:25%;float:left;">
<ul>
<li>
<a href="http://www.lynu.cn/2017/0505/28357.shtml" target=_blank>
校党委书记时明德做客教育硕士卓越教师论坛
</a>
<span>
2017-05-05
</span>
</li>
<li>
<a href="http://www.lynu.cn/2017/0505/28356.shtml" target=_blank>
我校开展纪念“五四”青年节系列活动
</a>
<span>
2017-05-05
</span>
</li>
<li>
<a href="http://www.lynu.cn/2017/0505/28355.shtml" target=_blank>
洛阳市政协副主席吉振华一行莅临我校考察
</a>
<span>
2017-05-05
</span>
</li>
<li>
<a href="http://www.lynu.cn/2017/0505/28354.shtml" target=_blank>
华中师范大学徐勇、邓大才教授到我校交流
</a>
<span>
2017-05-05
</span>
</li>
<li>
<a href="http://www.lynu.cn/2017/0504/28345.shtml" target=_blank style="color:#FF0000">
争朝夕师生共进，同甘苦上下齐心——写在我校入榜2016..
</a>
<span>
2017-05-04
</span>
</li>
<div>
<a target="_blank" href="http://www.lynu.cn/2017/0331/28008.shtml">
<img src="http://img.lynu.cn/templates/lynu/2016/images/slideshow/3-1.jpg"
alt="图片文本描述" width="100%" height="90">
</a>
</div>
<div>
<a target="_blank" href="http://www.lynu.cn/2017/0515/28470.shtml">
<img src="http://upload.lynu.cn/2017/0515/1494835301766.jpg" alt="图片文本描述"
width="100%" height="90">
</a>
</div>
</ul>
</div>
<div id="content" style="background-color:#EEEEEE;height:200px;width:25%;float:left;">
<ul>
<li>
<a href="http://www.lit.edu.cn/plus/view.php?aid=2559" title="祖国需要你 军营需要你——2017征兵宣传片"
target="_blank">
<font color="#006600">
祖国需要你 军营需要你——2017征兵宣传片
</font>
</a>
<i>
05.05
</i>
</li>
<li>
<a href="http://www.lit.edu.cn/plus/view.php?aid=2561" title="我校召开2017年大学生征兵工作动员会"
target="_blank">
<font color="">
我校召开2017年大学生征兵工作动员会
</font>
</a>
<i>
05.05
</i>
</li>
<li>
<a href="http://www.lit.edu.cn/plus/view.php?aid=2560" title="我校举办第六届团支部风采展示暨五四表彰颁奖晚会"
target="_blank">
<font color="">
我校举办第六届团支部风采展示暨五四表彰颁奖...
</font>
</a>
<i>
05.05
</i>
</li>
<li>
<a href="http://www.lit.edu.cn/plus/view.php?aid=2555" title="我校举行庆祝建团95周年暨“一学一做”示范主题团日公开课"
target="_blank">
<font color="">
我校举行庆祝建团95周年暨“一学一做”示范主题...
</font>
</a>
<i>
05.05
</i>
</li>
<li>
<a href="http://www.lit.edu.cn/plus/view.php?aid=2545" title="青春是用来奋斗的——五四之际致青年"
target="_blank">
<font color="#FF0000">
青春是用来奋斗的——五四之际致青年...........
</font>
</a>
<i>
05.03
</i>
</li>
<div>
<a target="_blank" href="http://www.lit.edu.cn/plus/view.php?aid=2413">
<img src="http://www.lit.edu.cn/uploads/allimg/170417/4-1F41GIIJ55.jpg"
alt="图片文本描述" width="100%" height="90">
</a>
<div>
<a target="_blank" href="http://www.lit.edu.cn/plus/list.php?tid=27&TotalResult=15&PageNo=1">
<img src="http://www.lit.edu.cn/uploads/allimg/170320/4-1F32015241D06.jpg"
alt="图片文本描述" width="100%" height="90">
</a>
</div>
</div>
</ul>
</div>
<div id="content" style="background-color:#EEEEEE;height:200px;width:25%;float:left;">
<ul>
<li>
<a href="http://www.haust.edu.cn/info/1063/27104.htm" title="河南省四大班子主要领导莅临我校调研指导"
target="_blank">
<span style="color:#FF0000">
河南省四大班子主要领导莅临我校调研指导
</span>
</a>
<i>
05.05
</i>
</li>
<li>
<a href="http://www.haust.edu.cn/info/1063/27945.htm" title="学校隆重举行“5.12”国际护士节庆祝大会"
target="_blank">
学校隆重举行“5.12”国际护士节庆祝大会
</a>
<i>
05.05
</i>
</li>
<li>
<a href="http://www.haust.edu.cn/info/1063/27943.htm" title="【创新创业】河南省首届大学生创新创业标兵巡回报告会在我校举行"
target="_blank">
【创新创业】河南省首届大学生创新创业标兵巡回报告会在...
</a>
<i>
05.05
</i>
</li>
<li>
<a href="http://www.haust.edu.cn/info/1063/27944.htm" title="学校召开综合治理工作会议"
target="_blank">
学校召开综合治理工作会议
</a>
<i>
05.05
</i>
</li>
<li>
<a href="http://www.haust.edu.cn/info/1063/27942.htm" title="第十五届“缤纷校园”征文大赛获奖名单揭晓"
target="_blank">
第十五届“缤纷校园”征文大赛获奖名单揭晓...........
</a>
<i>
05.05
</i>
</li>
<div>
<a target="_blank" href="http://www.haust.edu.cn/info/1063/28036.htm">
<img src="http://www.haust.edu.cn/__local/2/BA/30/992328BFA58DF86C2750DC36C97_33B7ADB2_2BA9D.jpg"
alt="图片文本描述" width="100%" height="90">
</a>
</div>
<div>
<a target="_blank" href="http://www.haust.edu.cn/info/1063/27104.htm">
<img src="http://www.haust.edu.cn/__local/A/07/E6/9999B540DE13B9A3F0006BD9E84_9F976D13_28939.jpg"
alt="图片文本描述" width="100%" height="90">
</a>
</div>
</ul>
</div>
<div id="footer" style="background-color:gray;clear:both;text-align:center;">
版权 © weilai
</div>
</div>
a {
text-decoration: none
}