潍坊网站制作欢迎光临潍坊易企网络公司
您当前位置:潍坊易企网络公司 >> 网站制作 >> 浏览文章

点击按钮改变网页背景图片

文章标签:点击,按钮,改变,网页,背景,图片 发布时间:2015年01月14日 预览44

我们希望点击一个按钮,改变网页背景图片,这样改怎么做呢?下面东莞时维网络给出代码,经过测试是可以使用的,不过建议大家的是:代码里面的圆角符号都要换成英文状况下的,使用查找替代可能会更好一点。


<html>
<head>
<title>点击按钮改变网页背景图片怎么做-来自于www.siviy5139</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://www.esuSEO.com/zrsd51397892/d/file/products/yure/penyou/2012-12-27/f49a9bae6700322893780ffb6604cb0f.jpg" height=310 width=228 border=2></span><img src="http://www.esuseo.com/zrsd51397892/d/file/products/houchuli/guolvqi/2012-12-27/a4563ebb4e6f17df77e71d5d1a68ae50.jpg" height=310 width=228 border=2>
<img src="http://www.esuSEO.com/zrsd51397892/d/file/products/houchuli/xifu/2012-12-27/70d6040847d6c98377412667f99f1c47.jpg" height=310 width=228 border=2>
<img src="http://www.esuseo.com/zrsd51397892/d/file/products/houchuli/lengdong/2012-12-27/3864ddf6fec906b5d5d4e53445442499.jpg" height=310 width=228 border=2></span></p>
</td>
</tr>
</table>
</center>
</body>
</html>


点击相关的图片按钮,是不是可以看到网页背景图片替换了?

上一篇:东莞画册设计价格记述
下一篇:帝国后台系统特色就是大容量数据结构
点击数:  相关搜索:点击 按钮 改变 网页 背景 图片