點擊按鈕改變網頁背景圖片

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

<html>
<head>
<title>點擊按鈕改變網頁背景圖片怎么做-來自于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>

點擊相關的圖片按鈕，是不是可以看到網頁背景圖片更換了？

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

相關欄目：

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

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

景德鎮(zhèn)OA

聯(lián)系方式

成都公司：成都市成華區(qū)建設南路160號1層9號

重慶公司：重慶市江北區(qū)紅旗河溝華創(chuàng)商務大廈18樓

咨詢：400-8352-114

加微信，免費獲取試用系統(tǒng)

QQ在線咨詢

電話咨詢：
4008352114

QQ在線咨詢

點擊按鈕改變網頁背景圖片

泛普景德鎮(zhèn)網站建設公司其他應用