英 [?b?kɡraund ?imid?]? ?美 [?b?k?ɡra?nd ??m?d?]??
背景圖像
javascript backgroundImage屬性 語(yǔ)法
作用:設(shè)定元素的背景圖片。
語(yǔ)法:Object.style.backgroundImage=url(URL)|none
參數(shù):url(URL) ? ?影像的路徑。? ? none ? ?無(wú)背景影像。? ??
註解:請(qǐng)?jiān)O(shè)定可用的背景顏色,這樣的話,如果背景圖片不可用,頁(yè)面也可獲得良好的視覺(jué)效果。
javascript backgroundImage屬性 範(fàn)例
<html> <head> <script type="text/javascript"> function changeStyle() { document.body.style.backgroundColor="#FFCC80"; document.body.style.backgroundImage="url(http://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg)"; } </script> </head> <body> <input type="button" onclick="changeStyle()" value="Set background image" /> </body> </html>
執(zhí)行實(shí)例 ?
點(diǎn)擊 "執(zhí)行實(shí)例" 按鈕查看線上實(shí)例