实用图片轮显（一）

一、效果图：

TIPS:下载地址：https://files.cnblogs.com/waitingbar/slideImgNum.rar

二、HTML代码:

 

<script language="javascript" type="text/javascript" >
     $(document).ready(function(){
        $("#slideImgNum").slideImgNum();

      })
</script>

<div id="slideImgNum" class="slide_bar">
    <div class="imgshowbar">
        <div class="div_imgshow"></div>
    </div>
    <ul class="ul_numshow">
        <li><a target="_blank" name="0" imgsrc="demo/1.jpg" title="标题一" href="http://www.5y173.com">1</a></li>
        <li><a target="_blank" name="1" imgsrc="demo/2.jpg" title="标题二" href="http://www.tudou.com">2</a></li>
        <li><a target="_blank" name="2" imgsrc="demo/3.jpg" title="标题三" href="http://www.5y173.com">3</a></li>
        <li><a target="_blank" name="3" imgsrc="demo/4.jpg" title="标题四" href="http://www.5y173.com">4</a></li>
        <li><a target="_blank" name="4" imgsrc="demo/5.jpg" title="标题五" href="http://www.tudou.com">5</a></li>
    </ul>
</div>