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>

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 1.JQuery 基礎 改變web開發人員創造搞交互性界面的方式。設計者無需花費時間糾纏JS復雜的高級特性。 1....
    LaBaby_閱讀 1,367評論 0 2
  • 1. tab列表折疊效果 html: 能源系統事業部 崗位名稱: 工作地點 崗位名...
    lilyping閱讀 1,891評論 0 1
  • 前端開發面試題 <a name='preface'>前言</a> 只看問題點這里 看全部問題和答案點這里 本文由我...
    自you是敏感詞閱讀 784評論 0 3
  • 肖瑞艷閱讀 57評論 0 1
  • 一直喜歡新海誠的動畫電影,很多人說他的故事單薄,濃烈的色彩畫面遠遠蓋過了電影故事的本身。可能對我而言,更享受他那絢...
    紙影閱讀 892評論 7 13