點擊按鈕改變網頁背景圖片
2023-11-02 分類： 網站建設
我們希望點擊一個按鈕，改變網頁背景圖片，這樣改怎么做呢？下面創新互聯給出代碼，經過測試是可以使用的，不過建議大家的是：代碼里面的圓角符號都要換成英文狀態下的，使用查找替換可能會更好一點。
<html>
<head>
<title>點擊按鈕改變網頁背景圖片怎么做-來自于m.kartarina.com</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://m.kartarina.com.cn/d/file/products/yure/penyou/2012-12-27/f49a9bae6700322893780ffb6604cb0f.jpg" height=310 width=228 border=2></span><img src="http://m.kartarina.com.cn/d/file/products/houchuli/guolvqi/2012-12-27/a4563ebb4e6f17df77e71d5d1a68ae50.jpg" height=310 width=228 border=2>
<img src="http://m.kartarina.com.cn/d/file/products/houchuli/xifu/2012-12-27/70d6040847d6c98377412667f99f1c47.jpg" height=310 width=228 border=2>
<img src="http://m.kartarina.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>
文章題目：點擊按鈕改變網頁背景圖片
URL鏈接：http://m.kartarina.com/news34/292034.html
成都網站建設公司_創新互聯，為您提供ChatGPT、網站設計公司、定制網站、小程序開發、電子商務、網站排名
聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯
猜你還喜歡下面的內容
- 成都網站制作兩不考慮 2023-11-02
- 搜索引擎優化與搜索引擎排名秘訣 2023-11-02
- 企業網站建設攻略，你被做網站的忽悠過嗎？ 2023-11-02
- 優秀網站導航設計的6個原則，您知道嗎？ 2023-11-02
- 網絡營銷不可忽視的5大關鍵點 2023-11-02
- 網站快照倒退是什么原因？如何解決？ 2023-11-02
- 網站seo免費網站建設哪個好？免費建站真的存在？問題網絡seo和網站seo的區別 2023-11-02
- 網絡推廣與網站市場分析 2023-11-02
- 網站改版不再讓排名下降的解決方案 2023-11-02
- 在打算上線網站之前，需要做的幾件事 2023-11-02
- 加緊移動網站建設 2023-11-02
- 推廣中遇到的種種困惑 2023-11-02
- 營銷高招，成都網站長尾關鍵詞建設工具 2023-11-02
- 筆記本筆筆記本業務人辦公室工作桌子室內玻璃玻璃編碼 2023-11-02
- 行業門戶網站推廣技巧 2023-11-02
- 創新互聯提醒你三步走出網站優化高原反映 2023-11-02
- 網站運營關注的幾點基本要素-網站建設 2023-11-02
- 網站開發軟件開發低代碼開發平臺推薦組件化模塊實現快速開發鳳凰網開發網站創新互聯 2023-11-02
- 創新互聯六年，我有心里話想跟你們說！ 2023-11-02