jQuery实现鼠标滑过切换图片效果

样式如下，鼠标滑过对应图片会进行切换。

jQuery hover(inFunction,outFunction)

hover()方法规定当鼠标指针悬停在被选元素上时要运行的两个函数。

outFunction可选，如果只指定一个函数，那么鼠标移入移出都执行它。

1.引入jQuery

<script src="../../static/js/jquery-3.1.1.min.js"></script>

2.jQuery代码

<script>
    $(document).ready(function(){
	    $("#detail-img0").hover(function () {
			$("#detail-img").attr("src", "../static/images/book0.jpg");
			})
		$("#detail-img1").hover(function () {
			$("#detail-img").attr("src", "../static/images/book1.jpg");
			})
	})
</script>

3.HTML

<div class="col-md-6 text-center">