急求网页设计问题!!感激不尽!!!

来源:百度知道 编辑:UC知道 时间:2024/05/28 05:26:05
如何修改以下代码,使菜单一,菜单二……所在的单元格,当鼠标移到上面时改变单元格背景图像,而不是改变背景颜色。(其效果不变)求各位高人帮忙,感激不尽!!!!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<SCRIPT language=JavaScript>
function secBoard(n)
{
for(i=1;i<6;i++)
{
eval("document.getElementById('cel"+i+"').style.background=''");
}
eval("document.getElementById('cel"+n+"').style.background='CCCCCC'"

在这段函数里面改

function secBoard(n)
{
for(i=1;i<6;i++)
{
eval("document.getElementById('cel"+i+"').style.background=''");
}
eval("document.getElementById('cel"+n+"').style.background='CCCCCC'");
//这一句的.style.background='CCCCCC' 改成
.style.background='url(这里输入你的图片地址)'
就可以了!
如果你想用不同的图片,可以利用i的递归,然后图片名称取为aaa1.jpg,aaa2.jpg等等。

如.style.background='url(aaa1.jpg)'
或.style.background='url(aaa" + i + ".jpg)'

for(i=1;i<6;i++)
eval("tbx0"+i+".style.display='none'");
eval("tbx0"+n+".style.display='block'");
}

eval("document.getElementById('cel"+n+"').style.background='CCCCCC'");

改成

eval("document.getElementById('cel"+n+"').style.bac