//本次编写使用jQuery版本为 1.8.3
<script type="text/javascript" src="js/183.js"></script>
//引用核心文件
<script type="text/javascript" src="js/simple.slide.min.js"></script>
<link rel="stylesheet" href="css/simple.slide.css" type="text/css">

Pattern One :

<a href="javascript:;" i="images/1d.jpg" class="Slide Two"><img src="images/1.jpg" alt=""></a>
<a href="javascript:;" i="images/2d.jpg" class="Slide Two"><img src="images/2.jpg" alt=""></a>
<a href="javascript:;" i="images/3d.jpg" class="Slide Two"><img src="images/3.jpg" alt=""></a>
<a href="javascript:;" i="images/4d.png" class="Slide Two"><img src="images/4.png" alt=""></a>
<a href="javascript:;" i="images/5d.jpg" class="Slide Two"><img src="images/5.jpg" alt=""></a>
<script type="text/javascript">
    $('.One').simpleSlide();
</script>

Pattern Two :

<a href="javascript:;" i="images/1d.jpg" class="Slide Two"><img src="images/1.jpg" alt=""></a>
<a href="javascript:;" i="images/2d.jpg" class="Slide Two"><img src="images/2.jpg" alt=""></a>
<a href="javascript:;" i="images/3d.jpg" class="Slide Two"><img src="images/3.jpg" alt=""></a>
<a href="javascript:;" i="images/4d.png" class="Slide Two"><img src="images/4.png" alt=""></a>
<a href="javascript:;" i="images/5d.jpg" class="Slide Two "><img src="images/5.jpg" alt=""></a>
<script type="text/javascript">
    $('.Two').simpleSlide({
        "opacity":0.5,                  //背景透明度
        "windowAction": "zoomIn",       //窗体进入动画
        "imageAction": "bounceIn",      //图片进入动画
        "loadingImage":"images/1.gif"      //加载图片
    });
    //动画样式请参考  animate.css
</script>