img两张图片 用属性替换

var title, src;
$('body').on('mouseover', '.service_ul li ', function () {
title = $(this).find('img').attr('title');
src = $(this).find('img').attr('src');
$(this).find('img').attr('src', title);
$(this).find('h3').css('color','#CC2F31');
})
$('body').on('mouseout', '.service_ul li ', function () {
$(this).find('img').attr('src', src);
$(this).find('img').attr('title', title);
$(this).find('h3').css('color', '#000');
})

<ul class="service_ul" style="width:1192px;margin: 30px auto 170px;">
<li>
<img src="~/Image/web/y1.png" title="/Image/web/n1.png" />
<h3>技术开发</h3>
<p>技术开发，技术服务，</p>
<p>网络技术托管维护。</p>
</li>
</ul>