onmouseover：鼠标放上去时触发事件
onmouseout：鼠标从上面移开时触发事件
onclick：鼠标单击事件
需求：点击页面上一个按钮，给body换背景图片
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> </head> <body> <input type="button" id="bt" value="点击换肤" /> <script type="text/javascript"> window.onload = function() { var bt = document.getElementById("bt"); bt.onclick = function() { document.body.style.backgroundImage = "url(img/1.png)" } } </script> </body> </html>
上面代码中，获取body时用的是document.body，这是因为对于一个html来说，body只有一个，否则的话得用document.getElementById()了。
因为背景图片是样式，所以得用.style.backgroundImage="xxx"。
原文：http://www.cnblogs.com/koushr/p/5965041.html