表格单元中随机背景图片解决方法
日期：2014-05-16 浏览次数：20440 次
表格单元中随机背景图片
以下是表格单元TD中显示随机背景图片的代码。但运行不成功，原因查明，但不知道如何修正这个问题。
将全部代码中的下面三行：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN " "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd ">
<html xmlns= "http://www.w3.org/1999/xhtml ">
改成如下就能正常显示：
<html>
但这样制作的网页是不规范的，估计是html不兼容标签的问题，怎么解决呢？
全部代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN " "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd ">
<html xmlns= "http://www.w3.org/1999/xhtml ">
<head>
<script language= 'JavaScript ' type= 'text/javascript '>
<!--
bg = new Array(5);
bg[0] = 'images/top_back0.jpg '
bg[1] = 'images/top_back1.jpg '
bg[2] = 'images/top_back2.jpg '
bg[3] = 'images/top_back3.jpg '
bg[4] = 'images/top_back4.jpg '
bg[5] = 'images/top_back5.jpg '
index = Math.floor(Math.random() * bg.length);
document.write( " <style> #1001Year{background-image:url( "+bg[index]+ ")} </style> ");
-->
</script>
</head>
<BODY>
<table> <tr>
<td id=1001Year> </td>
</tr>
</table>
</BODY>
</html>
------解决方案--------------------
但这样制作的网页是不规范的，估计是html不兼容标签的问题，怎么解决呢？
---------------------------------
套上个猪头就成猪了?
先去了解xhtml规范再说吧~~~
------解决方案--------------------
id的命名有问题，不能以数字开头的，1001Year要以字母开头。
还有其他一些东西也是不符合标准，但是不怎么影响页面，比如标签的大小写等等等，引用上面所说：先去了解xhtml规范。
------解决方案--------------------
这程序完全没问题，在我的IE5.0中运行很正常。
改代码可以运行，不改代码照样运行。
－－每刷新一次网页，就随机一幅背景。
唯一要修改就是 <table width=100 height=100> ，不然表格缩成一个小点根本看不到图了。
------解决方案--------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN " "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd ">
<html xmlns= "http://www.w3.org/1999/xhtml ">
<head>
<script language= 'JavaScript ' type= 'text/javascript ' defer>
<!--
bg = new Array();
bg[0] = 'http://zi.csdn.net/ren300-ok.gif '
bg[1] = 'http://community.csdn.net/logo/images/prj.210.67.gif '
index = Math.floor(Math.random() * bg.length);
document.getElementById( "1001Year ").style.backgroundImage= "url( ' "+bg[index]+ " ') "
-->
</script>
</head>
<BODY>
<table> <tr>
<td id=1001Year> asdasdasd </td>
</tr>
</table>
</BODY>
</html>
------解决方案--------------------
LS的 你加上那两句就不行了，至少我在IE6.0下测不行
另外，他这个背景显示不出的原因就是ID的命名不符合规范。
------解决方案--------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN " "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd ">
以下是表格单元TD中显示随机背景图片的代码。但运行不成功，原因查明，但不知道如何修正这个问题。
将全部代码中的下面三行：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN " "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd ">
<html xmlns= "http://www.w3.org/1999/xhtml ">
改成如下就能正常显示：
<html>
但这样制作的网页是不规范的，估计是html不兼容标签的问题，怎么解决呢？
全部代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN " "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd ">
<html xmlns= "http://www.w3.org/1999/xhtml ">
<head>
<script language= 'JavaScript ' type= 'text/javascript '>
<!--
bg = new Array(5);
bg[0] = 'images/top_back0.jpg '
bg[1] = 'images/top_back1.jpg '
bg[2] = 'images/top_back2.jpg '
bg[3] = 'images/top_back3.jpg '
bg[4] = 'images/top_back4.jpg '
bg[5] = 'images/top_back5.jpg '
index = Math.floor(Math.random() * bg.length);
document.write( " <style> #1001Year{background-image:url( "+bg[index]+ ")} </style> ");
-->
</script>
</head>
<BODY>
<table> <tr>
<td id=1001Year> </td>
</tr>
</table>
</BODY>
</html>
------解决方案--------------------
但这样制作的网页是不规范的，估计是html不兼容标签的问题，怎么解决呢？
---------------------------------
套上个猪头就成猪了?
先去了解xhtml规范再说吧~~~
------解决方案--------------------
id的命名有问题，不能以数字开头的，1001Year要以字母开头。
还有其他一些东西也是不符合标准，但是不怎么影响页面，比如标签的大小写等等等，引用上面所说：先去了解xhtml规范。
------解决方案--------------------
这程序完全没问题，在我的IE5.0中运行很正常。
改代码可以运行，不改代码照样运行。
－－每刷新一次网页，就随机一幅背景。
唯一要修改就是 <table width=100 height=100> ，不然表格缩成一个小点根本看不到图了。
------解决方案--------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN " "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd ">
<html xmlns= "http://www.w3.org/1999/xhtml ">
<head>
<script language= 'JavaScript ' type= 'text/javascript ' defer>
<!--
bg = new Array();
bg[0] = 'http://zi.csdn.net/ren300-ok.gif '
bg[1] = 'http://community.csdn.net/logo/images/prj.210.67.gif '
index = Math.floor(Math.random() * bg.length);
document.getElementById( "1001Year ").style.backgroundImage= "url( ' "+bg[index]+ " ') "
-->
</script>
</head>
<BODY>
<table> <tr>
<td id=1001Year> asdasdasd </td>
</tr>
</table>
</BODY>
</html>
------解决方案--------------------
LS的 你加上那两句就不行了，至少我在IE6.0下测不行
另外，他这个背景显示不出的原因就是ID的命名不符合规范。
------解决方案--------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN " "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd ">
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
