2016年2月18日 星期四
JQuery click(點擊)後,變換圖片
<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>
程式的重點是..... <img src="images/+.png" id="chgicon">
藉由 id (chgicon)指到這個圖片的物體...
然後利用 javascript 的 .attr("src","filename") 使用影像重新被載入....
$("#chgicon").attr("src","images/-.png");
$("#chgicon") -> 藉由 # -> 找尋id 的方式來找到這個影像....
Reference : https://dotblogs.com.tw/jellycheng/archive/2014/11/28/147471.aspx
訂閱：
張貼留言 (Atom)
沒有留言:
張貼留言