javascript添加背景图片

最新推荐文章于 2024-06-29 23:25:04 发布

要争气

最新推荐文章于 2024-06-29 23:25:04 发布

阅读量1.9w

点赞数 1

本文链接：https://blog.csdn.net/liangwenmail/article/details/48633935

版权

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
function backImage(){
	document.body.style.backgroundImage="URL(ph/1.jpg)";
	document.body.style.backgroundPosition="left";
	document.body.style.backgroundRepeat="no-repeat";
	document.body.style.backgroundAttachment="fixed";
}
function over(obj){
	obj.style.backgroundColor="blue";
	obj.style.color="white";
}
function out(obj){
	obj.style.backgroundColor="";
	obj.style.color="";
}
</script>
</head>
<body οnlοad="backImage();">
<table border="1" cellspacing="0" width="234" height="77">
<tr align="center" id="t1" οnmοusemοve="over(this);" οnmοuseοut="out(this);">
<td width="52"> </td>
<td width="65">商品</td>
<td width="95">价格（元）</td>
</tr>
<tr align="center" id="t2" οnmοusemοve="over(this);" οnmοuseοut="out(this);">
<td>A 商场</td>
<td>S 商品</td>
<td>100</td>
</tr>
<tr align="center" id="t3" οnmοusemοve="over(this);" οnmοuseοut="out(this);">
<td>B 商场</td>
<td>S 商品</td>
<td>80</td>
</tr>
</table>
</body>
</html>