jQuery切换图片带文字描述圆点切换焦点图代码4239
使用方法很简单,先引用JS插件和jQuery库
<script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>
<script src="js/MxSlider.js"></script>	
然后调用
<script type="text/javascript">
$(document).ready(function(){		
	$( '.ZI-slider' ).MxSlider( {
		autoPlay: true,
		dots: true,
		timeSlide: 500
	} );
})
</script>
HTML代码示例
 <div class="ZI-slider">
    <div>
        <img src="img/slide1.jpg" alt="" />
        <div class="mx-bugs_info">
            <a href="#" target="_blank">
                这里是图片的文字描述
            </a>
        </div>
    </div>
    <div>
        <img src="img/slide2.jpg" alt="" />
        <div class="mx-bugs_info">
            <a href="#" target="_blank">
                这里是图片的文字描述
            </a>
        </div>
    </div>
    <div>
        <img src="img/slide3.jpg" alt="" />
        <div class="mx-bugs_info">
            <a href="#" target="_blank">
                这里是图片的文字描述
            </a>
        </div>
    </div>
</div>

技术讨论区(0 个讨论)

  1. 请先登录

      发 布