<script src="js/myfocus-2.0.1.min.js" type="text/javascript"></script>

<script src="js/mf-pattern/mF_YSlider.js" type="text/javascript"></script>

<link href="js/mf-pattern/mF_YSlider.css" rel="stylesheet" type="text/css" />

<script type="text/javascript">

myFocus.aet({

id:'picBox'}

)

</script>

 <div class="ad" id="picBox">

        <div class="pic"》

            <ul>

                <li><img src="images/ad2.jpg"/></li>

                <li><img src="images/ad3.jpg"/></li>

                <li><img src="images/ad4.jpg"/></li>

            </ul>

         </div>

     </div>

.ad

{

height:310px;

overflow: hidden;

}