点击图片从而改变网页背景图片

站内搜索

热门关键字：表格超链接漂浮跟随旋转闪烁日期艺术字滚动点击关联菜单弹出随机

网页特效分类

网页特效分类 >> 背景特效

点击图片从而改变网页背景图片

[ 发布者：肥鱼 | 来源：本站整理 | 时间：2006-5-11 | 浏览：人次 ]

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>网页特效代码|JcwCn.Com|---点击图片从而改变网页背景图片</title>

</head>

<body>

<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">
      <img src="../images/IndexIron01.gif" tppabs="http://sc.jcwcn.com/tx/images/IndexIron01.gif" height=96 width=96 border=2>
      <img src="../images/IndexIron02.gif" tppabs="http://sc.jcwcn.com/tx/images/IndexIron02.gif" height=96 width=96 border=2><br>
      <img src="../images/IndexIron03.gif" tppabs="http://sc.jcwcn.com/tx/images/IndexIron03.gif" height=96 width=96 border=2>
      <img src="../images/IndexIron04.gif" tppabs="http://sc.jcwcn.com/tx/images/IndexIron04.gif" height=96 width=96 border=2></span></p>
    </td>
  </tr>
</table>
</center>

</body>

</html>

本类相关特效