焦点图部分的动态代码

前台用DIV+CSS控制显示方式,
内容是数据库中表news_attachment中后缀为.BMP.JPG.JPEG.GIF的前四条记录,
要求分别读出相对应的新闻标题,点击标题进入新闻正文显示页.
提取数据库内容的这部分代码应该怎么写呀?
JSP页面: <div id="ifocus"><script type="text/javascript" src="js/ifocus.js"></script> 
<div id="ifocus_pic">
<div id="ifocus_piclist" style="left:0; top:0;">
<ul>
<li><a href="#"><img src="img/01.jpg" alt=""/></a></li>
<li><a href="#"><img src="img/02.jpg" alt=""/></a></li>
<li><a href="#"><img src="img/03.jpg" alt=""/></a></li>
<li><a href="#"><img src="img/04.jpg" alt=""/></a></li>
</ul>
</div>
<div id="ifocus_opdiv"></div>
<div id="ifocus_tx">
<ul>
<li class="current"></li>
<li class="normal"></li>
<li class="normal"></li>
<li class="normal"></li>
</ul>
</div>
</div>
<div id="ifocus_btn">
<ul>
<li class="current"><img src=""/></li>
<li class="normal"><img src=""/></li>
<li class="normal"><img src=""/></li>
<li class="normal"><img src=""/></li>
</ul>
</div>
</div>