javascript listStyleImage屬性
翻譯結果:
list
英[lɪst] 美[lɪst]
n.清單,目錄;傾斜;布邊,布頭;狹條
#vt.列出,列入;把…編列成表;記入名單內
vi.列於表上
第三人稱單數: lists 複數: lists 現在分詞: listing 過去式: listed 過去分詞: listed
style
英[staɪl] 美[staɪl]
n.方式;樣式;時髦;儀表,品位
vt.設計;稱呼;為…造型
vi.使符合流行式樣;用刻刀作裝飾畫
第三人稱單數: styles 複數: styles 現在分詞: styling 過去式: styled 過去分詞: styled
image
英[ˈɪmɪdʒ] 美[ˈɪmɪdʒ]
n.;概念,意圖;鏡像,映像
vt.反映;想像;作…的像;象徵
第三人稱單數: images 複數: images 現在分詞: imaging 過去式: imaged 過去分詞: imaged
javascript listStyleImage屬性語法
作用:把圖像設定為列表項目標記
語法:Object.style.listStyleImage=url|none
javascript listStyleImage屬性範例
<html> <head> <script type="text/javascript"> function changeList() { document.getElementById("ul1").style.listStyleImage="url('http://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg')"; } </script> </head> <body> <ul id="ul1"> <li>Coffee</li> <li>Tea</li> <li>Water</li> <li>Soda</li> </ul> <input type="button" onclick="changeList()" value="Change list-item marker" /> </body> </html>
執行實例 »
點擊 "執行實例" 按鈕查看線上實例