求高手帮忙做道题 为了交作业 谢谢
<div id="bbox_1">
<h4><b><a href="http://home.meishichina.com/###">公告</a></b><b><a href="http://home.meishichina.com/###">专题</a></b><b><a href="http://home.meishichina.com/###">话题</a></b></h4>
<div class="bcase">
<div class="area" style="border:none">
<div class="bcasePic" style="width:135px; height:125px;">
<style>
.bcase .area .bcasePic img.hp{ width:135px; height:125px;}
</style>
<a href="http://www.meishichina.com/News/HangYe/201203/112900.shtml">
<IMG border="0" alt="美食天下惠普云打印"src="http://static.meishichina.com/a/img/1203/hp_img.jpg" class="hp" border="0" /></a></div>
<p style="width:130px; margin-left:8px;"><span style="font-size:14px; line-height:22px;">《美食天下》作为首款本土应用入住#HP ePrint Center#惠普云打印计划，轻松打印出您美妙的美食作品。</span></p></div></div>
<div class="bcase">
<div class="area">
<div class="bcasePic">
<a title="节气养生之立夏" href="http://www.meishichina.com/Topic/JieQi/LiXia/"><img src="http://i1.meishichina.com/Eat/UploadFiles1017/201204/2012042814150093.jpg" width="62" height="62" border="0" alt="节气养生之立夏" /></a></div>
<h5><a href="http://www.meishichina.com/Topic/JieQi/LiXia/" title="节气养生之立夏">节气养生之立夏</a></h5> <p><span>每年5月5日或5月6日是农历的立夏。斗指东南，维为立夏... <a href="http://www.meishichina.com/Topic/JieQi/LiXia/">[详细]</a> </span></p>
<div class="clear"></div>
</div>
<ul class="area_cc">
<li><a href="http://www.meishichina.com/Topic/Health/ShouShenMeiRong/" title="瘦身美容秘笈">瘦身美容秘笈</a></li>
<li><a href="http://www.meishichina.com/Topic/CaiPu/CuLiang/" title="粗粮细吃更养生">粗粮细吃更养生</a></li>
<li><a href="http://www.meishichina.com/Topic/CaiPu/ZaoCan/" title="健康从早餐开始">健康从早餐开始</a></li>
<li><a href="http://www.meishichina.com/Topic/CaiPu/JiangLiao/" title="DIY酱料调味品大全">DIY酱料调味品大全</a></li>
</ul></div>
<div class="bcase">
<div class="area">
<h5 class="c1"><a href="http://home.meishichina.com/post-thread-id-20164.html">看图猜课文</a></h5>
<p class="c1"><span>小学时的语文课文插画你还有印象么?看到它,有木有怀旧?猜猜看,也让我们看看你语文学的肿么样…<a href="http://home.meishichina.com/post-thread-id-20164.html">[详细]</a></span></p>
<div class="clear"></div>
</div>
<div class="clear"></div>
<ul class="area_cc">
<li>
<a title="厨房小窍门" href="http://home.meishichina.com/group-10-do-thread.html"><img src="http://i3.meishichina.com/attachment/group/201012/201012211723209.jpg" width="48" height="48" border="0" alt="厨房小窍门" /></a>
<p><a href="http://home.meishichina.com/group-10-do-thread.html">厨房小窍门</a><br />厨艺技巧<br />生活窍门</p>
</li>
<li>
<a title="育儿" href="http://home.meishichina.com/group-12.html"><img src="http://i1.meishichina.com/Article/UploadFiles/201112/2011121515012137.jpg" width="48" height="48" border="0" alt="育儿" /></a>
<p><a href="http://home.meishichina.com/group-12.html">育儿</a><br />育儿经验<br />分享学习</p>
</li>
</ul> </div>
</div>
</div>
这个代码做成这个网站 http://www.meishichina.com/ 公告栏的效果
因为是初学而且这几天五一 没时间研究 作业交不上就被拒了 麻烦帮个忙
[解决办法]
<!DOCTYPE html><html><head> <title>Test by Josh</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script language="javascript" src="sc.js"></script> <link href="index_utf_v2.css" rel="stylesheet" type="text/css" /></head><body> <div id="bbox_1"> <h4> <b><a href="http://home.meishichina.com/###">公告</a></b><b><a href="http://home.meishichina.com/###">专题</a></b><b><a href="http://home.meishichina.com/###">话题</a></b></h4> <div class="bcase"> <div class="area" style="border: none"> <div class="bcasePic" style="width: 135px; height: 125px;"> <style> .bcase .area .bcasePic img.hp { width: 135px; height: 125px; } </style> <a href="http://www.meishichina.com/News/HangYe/201203/112900.shtml"> <img border="0" alt="美食天下惠普云打印" src="http://static.meishichina.com/a/img/1203/hp_img.jpg" class="hp" border="0" /></a></div> <p style="width: 130px; margin-left: 8px;"> <span style="font-size: 14px; line-height: 22px;">《美食天下》作为首款本土应用入住#HP ePrint Center#惠普云打印计划，轻松打印出您美妙的美食作品。</span></p> </div> </div> <div class="bcase"> <div class="area"> <div class="bcasePic"> <a title="节气养生之立夏" href="http://www.meishichina.com/Topic/JieQi/LiXia/"> <img src="http://i1.meishichina.com/Eat/UploadFiles1017/201204/2012042814150093.jpg" width="62" height="62" border="0" alt="节气养生之立夏" /></a></div> <h5> <a href="http://www.meishichina.com/Topic/JieQi/LiXia/" title="节气养生之立夏">节气养生之立夏</a></h5> <p> <span>每年5月5日或5月6日是农历的立夏。斗指东南，维为立夏... <a href="http://www.meishichina.com/Topic/JieQi/LiXia/"> [详细]</a> </span> </p> <div class="clear"> </div> </div> <ul class="area_cc"> <li><a href="http://www.meishichina.com/Topic/Health/ShouShenMeiRong/" title="瘦身美容秘笈"> 瘦身美容秘笈</a></li> <li><a href="http://www.meishichina.com/Topic/CaiPu/CuLiang/" title="粗粮细吃更养生">粗粮细吃更养生</a></li> <li><a href="http://www.meishichina.com/Topic/CaiPu/ZaoCan/" title="健康从早餐开始">健康从早餐开始</a></li> <li><a href="http://www.meishichina.com/Topic/CaiPu/JiangLiao/" title="DIY酱料调味品大全">DIY酱料调味品大全</a></li> </ul> </div> <div class="bcase"> <div class="area"> <h5 class="c1"> <a href="http://home.meishichina.com/post-thread-id-20164.html">看图猜课文</a></h5> <p class="c1"> <span>小学时的语文课文插画你还有印象么?看到它,有木有怀旧?猜猜看,也让我们看看你语文学的肿么样…<a href="http://home.meishichina.com/post-thread-id-20164.html">[详细]</a></span></p> <div class="clear"> </div> </div> <div class="clear"> </div> <ul class="area_cc"> <li><a title="厨房小窍门" href="http://home.meishichina.com/group-10-do-thread.html"> <img src="http://i3.meishichina.com/attachment/group/201012/201012211723209.jpg" width="48" height="48" border="0" alt="厨房小窍门" /></a> <p> <a href="http://home.meishichina.com/group-10-do-thread.html">厨房小窍门</a><br /> 厨艺技巧<br /> 生活窍门</p> </li> <li><a title="育儿" href="http://home.meishichina.com/group-12.html"> <img src="http://i1.meishichina.com/Article/UploadFiles/201112/2011121515012137.jpg" width="48" height="48" border="0" alt="育儿" /></a> <p> <a href="http://home.meishichina.com/group-12.html">育儿</a><br /> 育儿经验<br /> 分享学习</p> </li> </ul> </div> </div> </div> <script type="text/javascript"> $(function () { $('#bbox_1 .bcase').soChange({ thumbObj: '#bbox_1 b', slideTime: 0, thumbOverEvent: true, autoChange: false }); });</script></body></html>