鼠标移动到DIV上弹出式列表特效

1、新建html文档。

3、书写hmtl代艨位雅剖码。<div id="box-aaa"> <A 足毂忍珩id=feature-trigger><SPAN class=first> <H4 class=c_blue>成功故事</H4> <P>帮助客户实现商业成功，才是我们真正的成功。分享华为与全球客户合作双赢的成功故事。</P> </SPAN><img src="images/hw_103177.jpg"> </A> <div id="feature-popup"> <div class="maskContainer"> <div class="mask"> <div class="caseContainer"> <div class=case> <div class=item> <div class=pic><img src="images/hw_103167.jpg"></div> <div class=detail> <A href="#">Telenor：LTE北上极地</A> Telenor在世界最北端的城市朗伊尔城部署LTE网络，为Telenor的百年华诞送上了一份珍贵的贺礼。 </div> </div> <div class=item> <div class=pic><img src="images/hw_103168.jpg"></div> <div class=detail> <A href="#">上海电信IPTV成功之路</A> 上海电信在上海拥有400万宽带用户，超过三分之一的用户选择了IPTV业务。成绩令人瞩目。 </div> </div> <div class=item> <div class=pic><img src="images/hw_103195.jpg"></div> <div class=detail> <A href="#">罗马尼亚电信建高效FTTx</A> 通过利用现有资源，选择适合自己的FTTx建网模式，罗马尼亚电信成功打开通向超宽带的大门。 </div> </div> <div class=item> <div class=pic><img src="images/hw_103170.jpg"></div> <div class=detail> <A href="#">卡塔尔电信：“光”彩夺目</A> 覆盖全境的国家宽带项目作为卡塔尔国家发展战略的关键举措，对提升国家形象起着举足轻重的作用。 </div> </div> <div class=item> <div class=pic><img src="images/hw_103171.jpg"></div> <div class=detail> <A href="#">智利Movistar深挖带宽潜力</A> 智利Movistar基于现有网络资源，最大化提升带宽能力，为用户提供更多丰富多彩的超宽带业务。 </div> </div> <div class=item> <div class=pic><img src="images/hw_103172.jpg"></div> <div class=detail> <A href="#">瑞士电信光铜并进</A> 瑞士电信光铜并进，为城市和乡村提供宽带，使瑞士成为“人人都能享有宽带接入”的先行国家之一。 </div> </div> <div class="close"> <a href="#">更多成功故事</a> </div> </div> </div> </div> </div> </div></div>

5、书写并添加js代码。<SCRIPT src="js/jquery.js"></SCRIPT><SCRIPT>$(function(){featurePopup.ini();});var indexSlides={};</SCRIPT>

7、查看效果。