--- 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. -->