»
Tiếng AnhTiếng PhápTiếng Việt

In - Thay đổi ảnh nền trực tiếp - JavaScriptBank.com

Phiên bản đầy đủ: jsB@nk » Màu nền » Thay đổi ảnh nền trực tiếp
URL: https://www.javascriptbank.com/real-time-background-picture-previewer.html

Thay đổi ảnh nền trực tiếp © JavaScriptBank.comBạn có thể cung cấp cho người dùng chức năng thay đổi ảnh nền trang web mà họ đang duyệt bằng cách nhấp chuột vào một trong các hình bạn chỉ định. Khi cần trở lại giá trị mặc định. Người dùng chỉ việc click chuột vào vị trí trống bất kì.

Phiên bản đầy đủ: jsB@nk » Màu nền » Thay đổi ảnh nền trực tiếp
URL: https://www.javascriptbank.com/real-time-background-picture-previewer.html



CSS
<style>.bgimages img {cursor:hand}</style>


JavaScript
<script language="javascript">/*     This script downloaded from www.JavaScriptBank.com     Come to view and download over 2000+ free javascript at www.JavaScriptBank.com*/<!--function tile(){if (!document.all)returnvar source=event.srcElementif (source.tagName=="IMG")document.body.style.backgroundImage="url("+source.src+")"}function restore(){document.body.style.backgroundImage='';}document.onclick=restore;//--></script>


HTML
<span class="bgimages" onClick="tile();event.cancelBubble=true"><img src="logojs.gif" width="150" height="60"><br><img src="backgr13.jpg" width="101" height="102"><img src="../image/backgr14.jpg" width="100" height="100"></span>