---
# System prepended metadata

title: 8/26(四) 每日任務（pet 電商）
tags: [網頁切版直播班]

---

---
tags: 網頁切版直播班
---
# 8/26(四) 每日任務（pet 電商）

## 題目

使用 jQuery 動態切換圖片，做出設計稿中的部分版型，如圖：
![](https://i.imgur.com/Fc3ru9M.png)

我的解答使用的技巧是 jQuery 的 attr() 方法來替換點擊到的 src 連結
attr() 方法範例可以參考[此連結](https://www.w3schools.com/jquery/html_attr.asp)


## 回報流程
1. 將答案寫在 Codepen 並複製 Codepen 連結貼至「回報區」中回報就算完成了喔～
    解答及回報方式請參考下方


![](https://i.imgur.com/vftL5i0.png)

<!-- 解答：[Codepen 範例](https://codepen.io/AliceChiang/pen/rNMOjBO) -->


回報區
---
<!-- 0. Bingbingboom（回報範例，請使用註解回報）
Codepen：https://codepen.io/
-->

<!-- 1. 

-->