2021-05-12 14:32:11
jq怎樣改變圖片路徑
2019-12-12 19:13:39
jq怎樣改變圖片路徑。jq也就是jquery的縮寫，jquery是javascript的知名庫，我們可以用這個庫來實現很多動態功能，如果要改變圖片路徑，只需要定位好元素的位置，加上動作和結果就可以了。
1
開啟我們的編輯器，新建一個HTML檔案，並且編寫HTML的基本框架。
2
建立一個js檔案，並且用script標籤進行連結。
3
<script src="jquery-3.4.1.min.js"></script>
然後我們把這句加在head標籤裡面，來參照jquery檔案。
4
<img id="photo" src="top.png">
用img標籤寫出我們的原圖片和路徑。
5
$(function(){
$("#photo").click(function(){
$(this).attr("src", "bottom.png");
});
})
然後我們需要在JS檔案裡面寫這個程式碼，表示點選圖片更換圖片路徑。
6
$(function(){
$("img").click(function(){
$(this).attr("src", "bottom.png");
});
})
在定位的時候我們也可以直接定位img標籤，注意上下區別。
相關文章