點擊按鈕改變網(wǎng)頁背景圖片

我們希望點擊一個按鈕，改變網(wǎng)頁背景圖片，這樣改怎么做呢？下面給出代碼，經(jīng)過測試是可以使用的，不過建議大家的是：代碼里面的圓角符號都要換成英文狀態(tài)下的，使用查找替換可能會更好一點。

<html>
<head>
<title>點擊按鈕改變網(wǎng)頁背景圖片怎么做-來自于www.siviy.com</title>
<style type="text/css">

</style>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" marginwidth="0">
<script language="JavaScript1.2">
<!--
function tile(){
if (!document.all)
return
var source=event.srcElement
if (source.tagName=="IMG")
document.body.style.backgroundImage="url("+source.src+")"
}

function restore(){
document.body.style.backgroundImage=’’
}
document.body.ondblclick=restore
-->
</script>
</p>
<p align="center"><span class="bgimages" onClick="tile();event.cancelBubble=true"><span class="bgimages" onClick="tile();event.cancelBubble=true"><img src="http://www.zrsd.com.cn/d/file/products/yure/penyou/2012-12-27/f49a9bae6700322893780ffb6604cb0f.jpg" height=310 width=228 border=2></span><img src="http://www.zrsd.com.cn/d/file/products/houchuli/guolvqi/2012-12-27/a4563ebb4e6f17df77e71d5d1a68ae50.jpg" height=310 width=228 border=2>
<img src="http://www.zrsd.com.cn/d/file/products/houchuli/xifu/2012-12-27/70d6040847d6c98377412667f99f1c47.jpg" height=310 width=228 border=2>
<img src="http://www.zrsd.com.cn/d/file/products/houchuli/lengdong/2012-12-27/3864ddf6fec906b5d5d4e53445442499.jpg" height=310 width=228 border=2></span></p>
</td>
</tr>
</table>
</center>
</body>
</html>

點擊相關(guān)的圖片按鈕，是不是可以看到網(wǎng)頁背景圖片更換了？

發(fā)布：2007-03-31 15:50 編輯：泛普軟件 · xiaona [打印此頁] [關(guān)閉]

相關(guān)欄目：

相關(guān)文章：

上一篇：網(wǎng)站建設(shè)能給企業(yè)帶來什么

下一篇：建站選擇哪家景德鎮(zhèn)網(wǎng)站建設(shè)公司

點擊按鈕改變網(wǎng)頁背景圖片

泛普景德鎮(zhèn)網(wǎng)站建設(shè)公司其他應(yīng)用