一、效果图:
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>