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

2023-11-02    分類： 網(wǎng)站建設(shè)

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

<html>
<head>
<title>點擊按鈕改變網(wǎng)頁背景圖片怎么做-來自于www.muchs.cn</title>
<style type="text/css">
<!--
.bgimages {
color: #993333;
font-weight: bold;
width:60ox; height:28px; background:#eaeaea;
}
-->
</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.muchs.cn.cn/d/file/products/yure/penyou/2012-12-27/f49a9bae6700322893780ffb6604cb0f.jpg" height=310 width=228 border=2></span><img src="http://www.muchs.cn.cn/d/file/products/houchuli/guolvqi/2012-12-27/a4563ebb4e6f17df77e71d5d1a68ae50.jpg" height=310 width=228 border=2>
<img src="http://www.muchs.cn.cn/d/file/products/houchuli/xifu/2012-12-27/70d6040847d6c98377412667f99f1c47.jpg" height=310 width=228 border=2>
<img src="http://www.muchs.cn.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>

文章題目：點擊按鈕改變網(wǎng)頁背景圖片
URL鏈接：http://www.muchs.cn/news34/292034.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供ChatGPT、網(wǎng)站設(shè)計公司、定制網(wǎng)站、小程序開發(fā)、電子商務(wù)、網(wǎng)站排名

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)

營銷型網(wǎng)站建設(shè)