这是首页调用的图片，每张图片可切换，在鼠标放上去的时候切换显示文章的标题，希望点击文章的标题可弹出层显示正文内容，，效果参见下方另一段代码。。。望高手帮助呀
<!--works-->
<div id="works">
<div class="workinside">
<div class="box1000">
<div class="bigtitw">
<span>PRODUCTS</span><img title="产品展示" src="/images/works.png" height="25" width="118">
<div class="small_text">
recent proucts</div>
</div>
<ul class="workitem">
<div class="showmore" title="更多产品" style="">
显示更多产品</div>
{dede:arclist typeid='1' row='100' orderby='rand' addfields='xiangce' channelid='1' titlelen='50'}
<li> <img width="241" height="160" src="[field:litpic/]" class="cover" style="top: 0px; left: 0px;"> <h5>
<span>
[field:shorttitle/]</span><br>
<b><b>
<a href='[field:arcurl/]'>[field:title/]</a></b></b></h5>
<a target="_blank" href="" style="display:none">
</a> <p> <b>
[field:typename/]</b><span><br>
[field:pubdate function='strftime("%Y",@me)'/]/[field:pubdate function='strftime("%b",@me)'/]</span></p>
<a name="lbgallery" class="lightbox" id="lbgallery" rel="group1" value=" [field:xiangce/]"> </a> </li>
{/dede:arclist}
</ul>
<div class="clear">
</div>
</div> </div></div>
<!--参见如下效果-->
<div id="act">
<div class="box1000">
<div class="bigtit">
<span>ACTIVITIES</span>
<img title="公司活动" src="/daxiang_files/act.png" height="25" width="118">
</div>
<div> <ul class="know">
{dede:arclist typeid='2' limit='0,10' titlelen='50'}
<a name="lianxi" id="lianxi"></a>
<li style="border-left: 1px dotted #666;">
<a key="#text_key_[field:global.autoindex/]"><b>
[field:title/]</b></a></li>
{/dede:arclist}
</ul> <ul class="know">
</ul>
{dede:arclist typeid='2' row='10' }
<div class="bgpop" style="display: none;" key="#text_key_[field:global.autoindex/]">
<div class="puptext">
<div class="knowclose">
</div>
<iframe src="[field:arcurl/]">
</iframe>
</div>
</div>
{/dede:arclist}
</div>
<div class="clear">
</div> </div> </div>