JavaScript点击图片无刷新切换背景


JavaScript无刷新切换背景图片，请点击运行查看效果，这个代码比较有用处，现在比较这种技术，很多论坛、CMS系统都附带有这种人性化功能，点击一个图片会把网页背景转变成你选择的图片，扩展一下就可以用来无刷新切换网页风格。

答案：<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无刷新切换背景</title>
</head>
<body>
<script language="JavaScript">
<!--
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 align="center"><span class="bgimages" onClick="tile();event.cancelBubble=true">
      <img src="/jscss/demoimg/bgdemo1.jpg" height=96 width=96 border=1 />
      <img src="/jscss/demoimg/bgdemo2.jpg" height=96 width=96 border=1 />
      <img src="/jscss/demoimg/bgdemo3.jpg" height=96 width=96 border=1 />
</span>
    </td>
  </tr>
</table>
</center>
</body>
</html>

上一个：鼠标滑向表格，变换背景图片
下一个：CSS表格单元格背景颜色渐变

更多图片编程知识: