jQuery有遮罩层的广告幻灯片插件

鼠标悬浮在焦点图上，标题和描述将以动画animte效果弹出来，鼠标离开后，标题和描述再次隐藏。

淘建站为您提供更多_图片代码_广告_图片广告_遮罩层，在此特别感谢您对我们的支持与厚爱！

焦点图轮播html代码

<ul id="slider" class="slider-wrapper">
    <li class="slide-current"> 
        <a href='http://www.sucaiq.com/js/246.html' target='_blank'>
            <img src='images/1.jpg' alt='PHP+MySQL统计各地区在线用户数' /> 
        </a> <div class="caption"> 
            <h3 class="caption-title"> 
                <a href='http://www.sucaiq.com/js/246.html' target='_blank'>PHP+MySQL统计各地区在线用户数</a>
            </h3> 
            <p> 当用户访问网站时，更新访问时间，在一定时间内不操作则认为用户不在线。本文中使用PHP记录访客IP，同时通过新浪IP地址接口，获取访客的地理位置（本例只记录省份），并写入mysql表中，即可统计一段时间内的访客总数，也可以查看访客的地区分布。 </p> 
        </div> 
    </li> 
    <li>
        <a href='http://www.sucaiq.com/js/485.html' target='_blank'> <img src='images/3.jpg' alt='Pirobox弹出层插件' /> </a>
        <div class="caption">
            <h3 class="caption-title">
                <a href='http://www.sucaiq.com/js/485.html' target='_blank'>Pirobox弹出层插件</a>
            </h3>
            <p>
                本文演示了PIROBOX插件多种演示效果，包括文字内容、图片、视频video、iframe等多种形式。支持上一页、下一页、关闭、loading、自定义标题、拖动等功能。
            </p>
        </div>
    </li>
</ul>

引入main.js即可生成焦点图轮播效果

SliderModule.init({duration: 4000});