效果:
圖檔名稱即數字,用最簡單的寫法。
用到圖檔:
寫一個函數strtoimg(str)将一個字元串str中每一個數字轉換為對應圖檔,然後動态建立<img>标簽。
注意:每次調用需清空<p>标簽中的内容。
如果圖檔名稱不是純數字,就用一個數組儲存起來。
本方法操作dom太多,效率非常低,有時候6個節點顯示不全。
因為我本意是查資料看到這樣寫涉及到圖檔預加載,以為可以加快效率。嘗試了一下,現在看來還是不太懂預加載原理,留坑。
将<img>标簽寫死在html中。
動态生成<img>标簽,且高效的寫法。