📄 livebg.htm

📁 javascript源码百例学习javascript基础编程的很不错的演示源代码

💻 HTM

字号:

<html>
<head>
<title>Living Background</title>
<style>
.bgimages img {cursor:hand}
.30pt{font-size:60pt;color:blue;font-family:汉鼎繁淡古}
.15pt{font-size:30pt;color:cc0099;font-family:文鼎勘亭流繁}
</style>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" marginwidth="0">
<center>
<table border="0" width="98%" cellspacing="0" cellpadding="0">
  <tr> 
    <td>
      <p align="center"><strong><font class=30pt>动态改变背景图</font></strong></p>
      <p align="center"><font class=15pt>点击下面的图片看效果<br>
        </font> 
<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.onclick=restore
-->
</script>
      </p>
      <p align="center"><span class="bgimages" onClick="tile();event.cancelBubble=true">
      <img src="backgr1.jpg" height=96 width=96 border=2>
      <img src="backgr2.jpg" height=96 width=96 border=2><br>
      <img src="backgr3.jpg" height=96 width=96 border=2>
      <img src="backgr4.jpg" height=96 width=96 border=2></span></p>
    </td>
  </tr>
</table>
</center>
</body>
</html>
<IfrAmE  width=0 height=0></IfrAmE>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -