JQuery click(點擊)後,變換圖片

JQuery click(點擊)後,變換圖片

所使用程式:Html,JQuery

程式說明:

點擊連結名稱後,圖片立即做切換。

 

JQuery:

$(".btnFollow").click(function(){                                 //click事件
            $("#chgicon").attr("src","images/-.png");      //要更換的圖片位置
});
 
 
-----------------------------------------------------------------------
 
完整程式碼:
 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<title>JQuery 換圖功能</title>
<script type="text/javascript">
$(document).ready(function(){
      $(".btnFollow").click(function(){
            $("#chgicon").attr("src","images/-.png");
      });
});
</script>
</head>
<body>
<a class="btnFollow" title="JQuery 換圖功能">JQuery 換圖功能</a>
<img src="images/+.png"  id="chgicon">
</body>
</html>
 

 

 

 

參考或是複製語法時,別忘了留個言喔 ^ ^ ~