又有新问题了,高手帮解答下

wanda7777 2007-12-14 07:17:58
我的软件导航是由这样定义的方块组成的,导航条可以随着框架栏的变化而变化
<td height="40"><a href="javascript:;" target="_top" onClick="MM_nbGroup('down','group1','Unbenannt2','../Unbenannt-1.gif',1)" onMouseOver="MM_nbGroup('over','Unbenannt2','../Unbenannt-1.gif','../Unbenannt-1.gif',1)" onMouseOut="MM_nbGroup('out')" ><img src="../Unbenannt-2.gif" alt="" name="Unbenannt2" width="100%" height="40" border="0" id="Unbenannt2" onload="" /></a></td>

现在还没有在导航条中写字,如果我要是写在图片上,当导航条变宽的时候字就不成样子了,怎样能把那个导航条定义的颜色和变化当成背景,而让其上边的的字体在导航条变宽时候不发生变化呢?
...全文
139 12 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
12 条回复
切换为时间正序
请发表友善的回复…
发表回复
gs6fox 2007-12-28
  • 打赏
  • 举报
回复
贴代码的时候用代码标签,这样的帖出来复制过去常常都不能用
wanda7777 2007-12-18
  • 打赏
  • 举报
回复
全发出来,这次整齐点了不?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title> Unbenanntes Dokument </title>
<style type="text/css">
<!--
body {
margin-left: 2px;
margin-top: 2px;
margin-right: 0px;
margin-bottom: 2px;

}
-->
</style>
<script type="text/javascript">
<!--
function MM_preloadImages()
{ //v3.0
var d=document;
if(d.images)
{if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments;
for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0)
{d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];
}
}
}

function MM_findObj(n, d)
{//v4.01
var p,i,x;
if(!d) d=document; if((p=n.indexOf("?"))> 0&&parent.frames.length)
{
d=parent.frames[n.substring(p+1)].document;
n=n.substring(0,p);
}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i <d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_nbGroup(event, grpName)
{ //v6.0
var i,img,nbArr,args=MM_nbGroup.arguments;
if (event=="init" && args.length > 2)
{
if ((img=MM_findObj(args[2]))!=null&&!img.MM_init)
{
img.MM_init=true; img.MM_up=args[3]; img.MM_dn=img.src;
if ((nbArr=document[grpName])==null)nbArr=document[grpName]=new Array();
nbArr[nbArr.length]=img;
for (i=4; i<args.length-1; i+=2) if((img=MM_findObj(args[i]))!=null)
{
if(!img.MM_up)img.MM_up=img.src;
img.src=img.MM_dn=args[i+1];
nbArr[nbArr.length]=img;
}
}
}
else if(event=="over")
{
document.MM_nbOver=nbArr=new Array();
for (i=1; i<args.length-1; i+=3) if((img=MM_findObj(args[i]))!=null)
{
if (!img.MM_up)img.MM_up=img.src;
img.src=(img.MM_dn&&args[i+2])?args[i+2]:((args[i+1])?args[i+1]:img.MM_up);
nbArr[nbArr.length]=img;
}
}
else if(event=="out")
{
for (i=0; i<document.MM_nbOver.length; i++)
{
img=document.MM_nbOver[i]; img.src=(img.MM_dn)?img.MM_dn:img.MM_up;
}
}
else if(event=="down")
{
nbArr=document[grpName];
if (nbArr)
for (i=0; i<nbArr.length; i++)
{
img=nbArr[i]; img.src=img.MM_up; img.MM_dn=0;
}
document[grpName]=nbArr=new Array();
for (i=2; i<args.length-1; i+=2) if((img=MM_findObj(args[i]))!=null)
{
if(!img.MM_up)img.MM_up=img.src;
img.src=img.MM_dn=(args[i+1])?args[i+1]:img.MM_up;
nbArr[nbArr.length]=img;
}
}
}
//-->
</script>
</head>

<body onLoad="MM_preloadImages('Unbenannt-2.gif','Unbenannt-2.png','Unbenannt-1.png')">
<table width="100%" height="100%" border="1" cellspacing="0" bordercolor="#999999">
<tr>
<td height="100%"><p> </p>
<p> </p></td>
</tr>
<tr>
<td height="15" bgcolor="#666666"> </td>
</tr>

<tr>
<td height="40" style="background:url(Unbenannt-1.png)" >

<a href="Accredita.html" target="mainFrame" onClick="MM_nbGroup('down','group1','Unbenannt23','Unbenannt-1.png',1)" onMouseOver="MM_nbGroup('over','Unbenannt23','Unbenannt-2.png','Unbenannt-1.png',1)" onMouseOut="MM_nbGroup('out')"><img name="Unbenannt23" src="Unbenannt-1.png" border="0" width="100%" height="40" alt="" onload=""/></a></td>
</tr>
<tr>
<td height="40" > <a href="Untitled-2.html" target="mainFrame" onclick="MM_nbGroup('down','group1','Unbenannt24','Unbenannt-1.png',1)" onmouseover="MM_nbGroup('over','Unbenannt24','Unbenannt-2.gif','Unbenannt-1.png',1)" onmouseout="MM_nbGroup('out')"> <img name="Unbenannt24" src="Unbenannt-1.gif" border="0" alt="" onload="" width="100%" height="40"/> </a> </td>
</tr>
<tr>
<td height="40" > <a href="Untitled-2.html" target="mainFrame" onclick="MM_nbGroup('down','group1','Unbenannt25','Unbenannt-1.png',1)" onmouseover="MM_nbGroup('over','Unbenannt25','Unbenannt-2.gif','Unbenannt-1.png',1)" onmouseout="MM_nbGroup('out')"> <img name="Unbenannt25" src="Unbenannt-1.gif" border="0" alt="" onload="" width="100%" height="40" /> </a> </td>
</tr>
<tr>
<td height="40" > <a href="Untitled-2.html" target="mainFrame" onclick="MM_nbGroup('down','group1','Unbenannt22','Unbenannt-1.png',1)" onmouseover="MM_nbGroup('over','Unbenannt22','Unbenannt-2.gif','Unbenannt-1.png',1)" onmouseout="MM_nbGroup('out')"> <img name="Unbenannt22" src="Unbenannt-1.gif" border="0" alt="" onload="" width="100%" height="40" /> </a> </td>
</tr>
</table>


</body>
</html>
nicholsky 2007-12-18
  • 打赏
  • 举报
回复
天书。。。。楼主用code把完整页面代码重帖下,上面的太乱了。
wanda7777 2007-12-18
  • 打赏
  • 举报
回复
麻烦楼上了

function MM_nbGroup(event, grpName) { //v6.0
var i,img,nbArr,args=MM_nbGroup.arguments;
if (event == "init" && args.length > 2) {
if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
nbArr[nbArr.length] = img;
for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = args[i+1];
nbArr[nbArr.length] = img;
} }
} else if (event == "over") {
document.MM_nbOver = nbArr = new Array();
for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
nbArr[nbArr.length] = img;
}
} else if (event == "out" ) {
for (i=0; i < document.MM_nbOver.length; i++) {
img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
} else if (event == "down") {
nbArr = document[grpName];
if (nbArr)
for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
document[grpName] = nbArr = new Array();
for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
nbArr[nbArr.length] = img;
} }
nicholsky 2007-12-18
  • 打赏
  • 举报
回复
楼主对JS不太熟,鼠标点击按钮同样可以使背景变化的,别用dw的那个代码。

你把你这个函数function MM_nbGroup(){.................}整个帖出来,帮你改动下。
wanda7777 2007-12-17
  • 打赏
  • 举报
回复
3楼所说的也不可行,如果第一个图片作为背景,虽然可以在图片上写字,拉伸图片字体也不会发生变化,但是还是鼠标点触按钮后,按钮还是保留第一个图片为背景而不会变成第二个图片。
wanda7777 2007-12-17
  • 打赏
  • 举报
回复
但是如果按照二楼的方法,当鼠标点触按钮的时候,按钮就不会发生颜色上的变化了,而只是一个固定的背景图了。
yangtzeu 2007-12-16
  • 打赏
  • 举报
回复
<td height="40" width="100%">试试?
ycmuma 2007-12-15
  • 打赏
  • 举报
回复
同意2楼
LittleAngry 2007-12-15
  • 打赏
  • 举报
回复
把图片作为背景,中间加个div用margin:13px auto;控制div在td中的显示居中13px是上下距离,auto是左右居中.
<td style="height:40px; background:url(../Unbenannt-1.gif);">
<a href="javascript:;" onclick="MM_nbGroup('down','group1','Unbenannt2','../Unbenannt-1.gif',1)" onmouseover="MM_nbGroup('over','Unbenannt2','../Unbenannt-1.gif','../Unbenannt-1.gif',1)" onmouseout="MM_nbGroup('out')">
<div style="width:60px; height:14px; margin:13px auto;"></div>
</a>
</td>
nicholsky 2007-12-15
  • 打赏
  • 举报
回复
图片用100%来显示,很少见,应该是一种有规律的矢量图吧,那直接用背景来做图就行了。类似这样,但具体还得看是什么图、要的效果才能选择用哪种方法去处理,以下参考
<td style="background:url(xxxx.gif) left repeat-y"><a>文字部分</a></td>

<td><a><div style="background:url(xxxx.gif) repeat">文字部分</div></a></td>
yanqiaofang 2007-12-14
  • 打赏
  • 举报
回复
呵呵,我忘记了!

61,129

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧