本人初学网页.由于全凭自学加上天资愚笨.遇到很多问题.求教无门!幸得54的热心朋友和QQ群里的各位老师的耐心指导.虽然对网页制作还是个门外汉.但感觉自己每天都有些进步.也让我有了信心.在这里真诚地谢谢大家!!!
今天在浏览到一个网站(http://www.huayizl.com)的时候.发现一个导航栏不错.我把原代码复制了下来.想自己琢磨琢磨.我把他发出来大家看看:
＜!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=gb2312＂＞
＜title＞无标题文档＜/title＞
＜script language=＂JavaScript＂ 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.indexOf(＂＆＃35;＂)!=0){ d.MM_p[j>=new Image; d.MM_p[j >.src=a;}}
}
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[n>;
for(i=0;!x＆＆d.layers＆＆i＜d.layers.length;i ) x=MM_findObj(n,d.layers.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)) != 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)) != 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; 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; 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)) != 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(';img/hygk.jpg';,';img/hygk1.jpg';,';img/product.jpg';,';img/product1.jpg';,';img/qywh.jpg';,';img/qywh1.jpg';,';img/news.jpg';,';img/news1.jpg';,';img/khhw.jpg';,';img/khhw1.jpg';,';img/rlzy.jpg';,';img/rlzy1.jpg';,';img/web.jpg';,';img/web1.jpg';,';img/gcal.jpg';,';img/gcal1.jpg';,';img/contact.jpg';,';img/contact1.jpg';,';img/English.jpg';,';img/English1.jpg';)＂＞
＜table cellspacing=0 cellpadding=0 width=＂100%＂ align=center border=0＞
＜tbody＞
＜tr＞
＜td background=温州****公司.files/tdbg.jpg height=48＞
＜table cellspacing=0 cellpadding=0 border=0＞
＜tbody＞
＜tr＞
＜td＞＜a
onMouseOver=＂MM_nbGroup(';over';,';index';,';img/index1.jpg';,';img/index.jpg';,0)＂
onFocus=this.blur()
onClick=＂MM_nbGroup(';down';,';group1';,';index';,';img/index.jpg';,0)＂
onMouseOut=＂MM_nbGroup(';out';)＂
href=＂http://www.huayizl.com/default1.asp＂ target=_top＞＜img alt=＂＂ src=＂＆＃28201;＆＃24030;＆＃21326;＆＃33402;＆＃23637;＆＃35272;＆＃26377;＆＃38480;＆＃20844;＆＃21496;.files/index.jpg＂ onload=＂＂
border=0 name=index＞＜/a＞＜/td＞
＜td＞＜a
onMouseOver=＂MM_nbGroup(';over';,';hygk';,';img/hygk1.jpg';,';img/hygk.jpg';,1)＂
onFocus=this.blur()
onClick=＂MM_nbGroup(';down';,';group1';,';hygk';,';img/hygk.jpg';,1)＂
onMouseOut=＂MM_nbGroup(';out';)＂
href=＂http://www.huayizl.com/company.asp＂ target=_top＞＜img
alt=＂＂ src=＂＆＃28201;＆＃24030;＆＃21326;＆＃33402;＆＃23637;＆＃35272;＆＃26377;＆＃38480;＆＃20844;＆＃21496;.files/hygk.jpg＂ onload=＂＂ border=0
name=hygk＞＜/a＞＜/td＞
＜td＞＜a
onMouseOver=＂MM_nbGroup(';over';,';product';,';img/product1.jpg';,';img/product.jpg';,1)＂
onFocus=this.blur()
onClick=＂MM_nbGroup(';down';,';group1';,';product';,';img/product.jpg';,1)＂
onMouseOut=＂MM_nbGroup(';out';)＂
href=＂http://www.huayizl.com/product.asp＂ target=_top＞＜img
alt=＂＂ src=＂＆＃28201;＆＃24030;＆＃21326;＆＃33402;＆＃23637;＆＃35272;＆＃26377;＆＃38480;＆＃20844;＆＃21496;.files/product.jpg＂ onload=＂＂
border=0 name=product＞＜/a＞＜/td＞
＜td＞＜a
onMouseOver=＂MM_nbGroup(';over';,';q';,';img/qywh1.jpg';,';img/qywh.jpg';,1)＂
onFocus=this.blur()
onClick=＂MM_nbGroup(';down';,';group1';,';q';,';img/qywh.jpg';,1)＂
onMouseOut=＂MM_nbGroup(';out';)＂
href=＂http://www.huayizl.com/Culture.asp＂ target=_top＞＜img
alt=＂＂ src=＂＆＃28201;＆＃24030;＆＃21326;＆＃33402;＆＃23637;＆＃35272;＆＃26377;＆＃38480;＆＃20844;＆＃21496;.files/qywh.jpg＂ onload=＂＂ border=0
name=q＞＜/a＞＜/td＞
＜td＞＜a
onMouseOver=＂MM_nbGroup(';over';,';news';,';img/news1.jpg';,';img/news.jpg';,1)＂
onFocus=this.blur()
onClick=＂MM_nbGroup(';down';,';group1';,';news';,';img/news.jpg';,1)＂
onMouseOut=＂MM_nbGroup(';out';)＂
href=＂http://www.huayizl.com/news.asp＂ target=_top＞＜img
alt=＂＂ src=＂＆＃28201;＆＃24030;＆＃21326;＆＃33402;＆＃23637;＆＃35272;＆＃26377;＆＃38480;＆＃20844;＆＃21496;.files/news.jpg＂ onload=＂＂ border=0
name=news＞＜/a＞＜/td＞
＜td＞＜a
onMouseOver=＂MM_nbGroup(';over';,';k';,';img/khhw1.jpg';,';img/khhw.jpg';,1)＂
onFocus=this.blur()
onClick=＂MM_nbGroup(';down';,';group1';,';k';,';img/khhw.jpg';,1)＂
onMouseOut=＂MM_nbGroup(';out';)＂
href=＂http://www.huayizl.com/khhw.asp＂ target=_top＞＜img
alt=＂＂ src=＂＆＃28201;＆＃24030;＆＃21326;＆＃33402;＆＃23637;＆＃35272;＆＃26377;＆＃38480;＆＃20844;＆＃21496;.files/khhw.jpg＂ onload=＂＂ border=0
name=k＞＜/a＞＜/td＞
＜td＞＜a
onMouseOver=＂MM_nbGroup(';over';,';r';,';img/rlzy1.jpg';,';img/rlzy.jpg';,1)＂
onFocus=this.blur()
onClick=＂MM_nbGroup(';down';,';group1';,';r';,';img/rlzy.jpg';,1)＂
onMouseOut=＂MM_nbGroup(';out';)＂ href=＂http://www.huayizl.com/job.asp＂
target=_top＞＜img alt=＂＂ src=＂＆＃28201;＆＃24030;＆＃21326;＆＃33402;＆＃23637;＆＃35272;＆＃26377;＆＃38480;＆＃20844;＆＃21496;.files/rlzy.jpg＂ onload=＂＂ border=0 name=r＞＜/a＞＜/td＞
＜td＞＜a
onMouseOver=＂MM_nbGroup(';over';,';y';,';img/web1.jpg';,';img/web.jpg';,1)＂
onFocus=this.blur()
onClick=＂MM_nbGroup(';down';,';group1';,';y';,';img/web.jpg';,1)＂
onMouseOut=＂MM_nbGroup(';out';)＂ href=＂http://www.huayizl.com/web.asp＂
target=_top＞＜img alt=＂＂ src=＂＆＃28201;＆＃24030;＆＃21326;＆＃33402;＆＃23637;＆＃35272;＆＃26377;＆＃38480;＆＃20844;＆＃21496;.files/web.jpg＂ onload=＂＂ border=0 name=y＞＜/a＞＜/td＞
＜td＞＜a
onMouseOver=＂MM_nbGroup(';over';,';g';,';img/gcal1.jpg';,';img/gcal.jpg';,1)＂
onFocus=this.blur()
onClick=＂MM_nbGroup(';down';,';group1';,';g';,';img/gcal.jpg';,1)＂
onMouseOut=＂MM_nbGroup(';out';)＂
href=＂http://www.huayizl.com/tupian/index.asp＂ target=_top＞＜img alt=＂＂ src=＂＆＃28201;＆＃24030;＆＃21326;＆＃33402;＆＃23637;＆＃35272;＆＃26377;＆＃38480;＆＃20844;＆＃21496;.files/gcal.jpg＂ onload=＂＂
border=0 name=g＞＜/a＞＜/td＞
＜td＞＜a
onMouseOver=＂MM_nbGroup(';over';,';l';,';img/contact1.jpg';,';img/contact.jpg';,1)＂
onFocus=this.blur()
onClick=＂MM_nbGroup(';down';,';group1';,';l';,';img/contact.jpg';,1)＂
onMouseOut=＂MM_nbGroup(';out';)＂
href=＂http://www.huayizl.com/contact.asp＂ target=_top＞＜img
alt=＂＂ src=＂＆＃28201;＆＃24030;＆＃21326;＆＃33402;＆＃23637;＆＃35272;＆＃26377;＆＃38480;＆＃20844;＆＃21496;.files/contact.jpg＂ onload=＂＂
border=0 name=l＞＜/a＞＜/td＞
＜td＞＜a
onMouseOver=＂MM_nbGroup(';over';,';e';,';img/English1.jpg';,';img/English.jpg';,1)＂
onFocus=this.blur()
onClick=＂MM_nbGroup(';down';,';group1';,';e';,';img/English.jpg';,1)＂
onMouseOut=＂MM_nbGroup(';out';)＂
href=＂http://www.huayizl.com/english/＂ target=_top＞＜img
alt=＂＂ src=＂＆＃28201;＆＃24030;＆＃21326;＆＃33402;＆＃23637;＆＃35272;＆＃26377;＆＃38480;＆＃20844;＆＃21496;.files/English.jpg＂ onload=＂＂
border=0 name=e＞＜/a＞＜/td＞
＜/tr＞
＜/tbody＞
＜/table＞＜/td＞
＜/tr＞
＜/tbody＞
＜/table＞
＜/body＞
＜/html＞
这个很简单.我想大家一看就能明白.这是一个导航条的事件.当鼠标移到一个图像上面的时候他会换成另外一个图像.
现在我的问题是这样的.我把原代码直接复制过来.可以实现这个效果.但是我想在DW中利用添加行为自己操作.可怎么也做不出来.在上面那个代码的页子里.用DW打开.随便点哪一个图.在DW行为栏里他会出现:＜A＞ onClick设置导航栏图象 ＜A＞ onMouseOut设置导航栏图象 ＜A＞ onMouseOver设置导航栏图象 这三个动作.我想这个效果应该就是用行为.设置导航栏图象做出来的.我也试着重新建了一个网页.然后新建了一个一行三列的表格.然后在一个单元格里插入一个图.再用行为.设置导航栏图象,来编辑.在编辑属性框里各项我都填了.在点确定之后.什么也没有.就是刚才的设置好像没有设一样.但是当鼠标点击到网页空白处的时候.他出现了这两个行为onLoad预先载入图像 onLoad预先载入图像 我反复试了好几遍都是这样.我把我这个页的代码也贴出来.大家看一下!
＜table width=＂200＂ border=＂1＂＞
＜tr＞
＜td＞ ＜/td＞
＜td＞ ＜/td＞
＜td＞ ＜/td＞
＜/tr＞
＜/table＞
＜!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=gb2312＂＞
＜title＞无标题文档＜/title＞
＜script language=＂JavaScript＂ 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.indexOf(＂＆＃35;＂)!=0){ d.MM_p[j>=new Image; d.MM_p[j >.src=a;}}
}
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[n>;
for(i=0;!x＆＆d.layers＆＆i＜d.layers.length;i ) x=MM_findObj(n,d.layers.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)) != 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)) != 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; 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; 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)) != 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(';文件:///E|/index/＆＃21326;＆＃33402;/0.jpg';);MM_preloadImages(';文件:///E|/index/＆＃21326;＆＃33402;/1.jpg';)＂＞
＜table width=＂200＂ border=＂1＂＞
＜tr＞
＜td＞＜img src=＂文件:///E|/index/＆＃21326;＆＃33402;/0.jpg＂ name=＂_0＂ border=＂0＂ onload=＂＂＞＜/td＞
＜td＞ ＜/td＞
＜td＞ ＜/td＞
＜/tr＞
＜/table＞
＜/body＞
＜/html＞
就是这个.大家看一下.这是什么原因.我知道这个效果可以利用其它的行为做出来.例如交换图象.但我想这个网页他没有用那个交换图象.而是用的设置导航条图像.我想肯定也是有他的用意的!
晕咯……楼主8用那么麻烦研究什么代码……更8用弄什么行为哟……
dw里面，在那个常用工具条里面有一个鼠标经过事件的按钮的呀～点了以后会弹出一个窗口～让你选择鼠标经过前的图片和鼠标经过后的图片～方便的8能再方便了啦……
^-^b
看了代码就头痛..... |
|
设为首页
加入收藏
联系我们
打印本文 
返回顶部 
加入收藏 
关闭窗口
