点击文字链接后，在链接旁边出现相应的图片

<script language="JavaScript">

var mmenus = new Array();

var misShow = new Boolean();

misShow=false;

var misdown = new Boolean();

misdown=false;

var musestatus=false;

var mpopTimer = 0;

mmenucolor='#D6D3CE';mfontcolor='#000000';mmenuoutcolor='#D6D3CE';mmenuincolor='#E7E3DE';mmenuoutbordercolor='#FFFFFF';mmenuinbordercolor='#000000';mmidoutcolor='#E3E1DE';mmidincolor='#8E8C89';mmenuovercolor='#000000';mitemedge='1';msubedge='0';mmenuunitwidth=80;mmenuitemwidth=160;mmenuheight=30;mmenuwidth='100%';mmenuadjust=0;mmenuadjustV=0;mfonts='font-family: 宋体; font-size: 9pt; color: #000000; ';mcursor='default';

function stoperror(){

return true;

}

window.onerror=stoperror;

function mpopOut() {

mpopTimer = setTimeout('mallhide()', 500);

}

function getReal(el, type, value) {

temp = el;

while ((temp != null) && (temp.tagName != "BODY")) {

if (eval("temp." + type) == value) {

el = temp;

return el;

}

temp = temp.parentElement;

}

return el;

}

function mMenuRegister(menu)

{

mmenus[mmenus.length] = menu

return (mmenus.length - 1)

}

function mMenuItem(caption,command,target,isline,statustxt,img,sizex,sizey,pos){

this.caption=caption;

this.command=command;

this.target=target;

this.isline=isline;

this.statustxt=statustxt;

this.img=img;

this.sizex=sizex;

this.sizey=sizey;

this.pos=pos;

}

function mMenu(caption,command,target,img,sizex,sizey,pos){

this.items = new Array();

this.caption=caption;

this.command=command;

this.target=target;

this.img=img;

this.sizex=sizex;

this.sizey=sizey;

this.pos=pos;

this.id=mMenuRegister(this);

}

function mMenuAddItem(item)

{

this.items[this.items.length] = item

item.parent = this.id;

this.children=true;

}

mMenu.prototype.addItem = mMenuAddItem;

function mtoout(src){

src.style.borderLeftColor=mmenuoutbordercolor;

src.style.borderRightColor=mmenuinbordercolor;

src.style.borderTopColor=mmenuoutbordercolor;

src.style.borderBottomColor=mmenuinbordercolor;

src.style.backgroundColor=mmenuoutcolor;

src.style.color=mmenuovercolor;

}

function mtoin(src){

src.style.borderLeftColor=mmenuinbordercolor;

src.style.borderRightColor=mmenuoutbordercolor;

src.style.borderTopColor=mmenuinbordercolor;

src.style.borderBottomColor=mmenuoutbordercolor;

src.style.backgroundColor=mmenuincolor;

src.style.color=mmenuovercolor;

}

function mnochange(src){

src.style.borderLeftColor=mmenucolor;

src.style.borderRightColor=mmenucolor;

src.style.borderTopColor=mmenucolor;

src.style.borderBottomColor=mmenucolor;

src.style.backgroundColor='';

src.style.color=mfontcolor;

}

function mallhide(){

for(var nummenu=0;nummenu<mmenus.length;nummenu++){

var themenu=document.all['mMenu'+nummenu]

var themenudiv=document.all['mmenudiv'+nummenu]

mnochange(themenu);

mmenuhide(themenudiv);

}

}

function mmenuhide(menuid){

menuid.style.filter='Alpha(Opacity=100)';

menuid.style.visibility='hidden';

misShow=false;

}

function mmenushow(menuid,pid){

menuid.style.filter='Alpha(Opacity=60)';

menuid.style.left=mposflag.offsetLeft+pid.offsetLeft+mmenuadjust;menuid.style.top=mposflag.offsetTop+mmenutable.offsetHeight+mmenuadjustV;

if(mmenuitemwidth+parseInt(menuid.style.left)>document.body.clientWidth+document.body.scrollLeft)

menuid.style.left=document.body.clientWidth+document.body.scrollLeft-mmenuitemwidth;

menuid.style.visibility='visible';

misShow=true;

}

function mmenu_over(menuid,x){

toel = getReal(window.event.toElement, "className", "coolButton");

fromel = getReal(window.event.fromElement, "className", "coolButton");

if (toel == fromel) return;

if(x<0){

misShow = false;

mallhide();

mtoout(eval("mMenu"+x));

}else{

mallhide();

mtoin(eval("mMenu"+x));

mmenushow(menuid,eval("mMenu"+x));

}

clearTimeout(mpopTimer);

}

function mmenu_out(x){

toel = getReal(window.event.toElement, "className", "coolButton");

fromel = getReal(window.event.fromElement, "className", "coolButton");

if (toel == fromel) return;

if (misShow){

mtoin(eval("mMenu"+x));

}else{

mnochange(eval("mMenu"+x));

}

mpopOut()

}

function mmenu_down(menuid,x){

if(misShow){

mmenuhide(menuid);

mtoout(eval("mMenu"+x));

}

else{

mtoin(eval("mMenu"+x));

mmenushow(menuid,eval("mMenu"+x));

misdown=true;

}

}

function mmenu_up(){

misdown=false;

}

function mmenuitem_over(x,i){

srcel = getReal(window.event.srcElement, "className", "coolButton");

if(misdown){

mtoin(srcel);

}

else{

mtoout(srcel);

}

mthestatus = mmenus[x].items[i].statustxt;

if(mthestatus!=""){

musestatus=true;

window.status=mthestatus;

}

clearTimeout(mpopTimer);

}

function mmenuitem_out(){

srcel = getReal(window.event.srcElement, "className", "coolButton");

mnochange(srcel);

if(musestatus)window.status="";

mpopOut()

}

function mmenuitem_down(){

srcel = getReal(window.event.srcElement, "className", "coolButton");

mtoin(srcel)

misdown=true;

}

function mmenuitem_up(){

srcel = getReal(window.event.srcElement, "className", "coolButton");

mtoout(srcel)

misdown=false;

}

function mexec2(x){

var cmd;

if(mmenus[x].target=="blank"){

cmd = "window.open('"+mmenus[x].command+"')";

}else{

cmd = mmenus[x].target+".location=\""+mmenus[x].command+"\"";

}

eval(cmd);

}

function mexec(x,i){

var cmd;

if(mmenus[x].items[i].target=="blank"){

cmd = "window.open('"+mmenus[x].items[i].command+"')";

}else{

cmd = mmenus[x].items[i].target+".location=\""+mmenus[x].items[i].command+"\"";

}

eval(cmd);

}

function mbody_click(){

if (misShow){

srcel = getReal(window.event.srcElement, "className", "coolButton");

for(var x=0;x<=mmenus.length;x++){

if(srcel.id=="mMenu"+x)

return;

}

mallhide();

}

}

document.onclick=mbody_click;

function mwritetodocument(){

var mwb=1;

var stringx='<div id="mposflag" style="position:absolute;"></div><table id=mmenutable border=0 cellpadding=3 cellspacing=2 width='+mmenuwidth+' height='+mmenuheight+' bgcolor='+mmenucolor+

' onselectstart="event.returnValue=false"'+

' style="filter:Alpha(Opacity=60);cursor:'+mcursor+';'+mfonts+

' border-left: '+mwb+'px solid '+mmenuoutbordercolor+';'+

' border-right: '+mwb+'px solid '+mmenuinbordercolor+'; '+

'border-top: '+mwb+'px solid '+mmenuoutbordercolor+'; '+

'border-bottom: '+mwb+'px solid '+mmenuinbordercolor+'; padding:0px"><tr>'

for(var x=0;x<mmenus.length;x++){

var thismenu=mmenus[x];

var imgsize="";

if(thismenu.sizex!="0"||thismenu.sizey!="0")imgsize=" width="+thismenu.sizex+" height="+thismenu.sizey;

var ifspace="";

if(thismenu.caption!="")ifspace="&nbsp;";

stringx += "<td nowrap class=coolButton id=mMenu"+x+" style='border: "+mitemedge+"px solid "+mmenucolor+

"' width="+mmenuunitwidth+"px onmouseover=mmenu_over(mmenudiv"+x+

","+x+") onmouseout=mmenu_out("+x+

") onmousedown=mmenu_down(mmenudiv"+x+","+x+")";

if(thismenu.command!=""){

stringx += " onmouseup=mmenu_up();mexec2("+x+");";

}else{

stringx += " onmouseup=mmenu_up()";

}

if(thismenu.pos=="0"){

stringx += " align=center><img align=absmiddle src='"+thismenu.img+"'"+imgsize+">"+ifspace+thismenu.caption+"</td>";

}else if(thismenu.pos=="1"){

stringx += " align=center>"+thismenu.caption+ifspace+"<img align=absmiddle src='"+thismenu.img+"'"+imgsize+"></td>";

}else if(thismenu.pos=="2"){

stringx += " align=center background='"+thismenu.img+"'>&nbsp;"+thismenu.caption+"&nbsp;</td>";

}else{

stringx += " align=center>&nbsp;"+thismenu.caption+"&nbsp;</td>";

}

stringx += "";

}

stringx+="<td width=*>&nbsp;</td></tr></table>";

for(var x=0;x<mmenus.length;x++){

thismenu=mmenus[x];

if(x<0){

stringx+='<div id=mmenudiv'+x+' style="visiable:none"></div>';

}else{

stringx+='<div id=mmenudiv'+x+

' style="filter:Alpha(Opacity=60);cursor:'+mcursor+';position:absolute;'+

'width:'+mmenuitemwidth+'px; z-index:'+(x+100);

if(mmenuinbordercolor!=mmenuoutbordercolor&&msubedge=="0"){

stringx+=';border-left: 1px solid '+mmidoutcolor+

';border-top: 1px solid '+mmidoutcolor;}

stringx+=';border-right: 1px solid '+mmenuinbordercolor+

';border-bottom: 1px solid '+mmenuinbordercolor+';visibility:hidden" onselectstart="event.returnValue=false">\n'+

'<table width="100%" border="0" height="100%" align="center" cellpadding="0" cellspacing="2" '+

'style="'+mfonts+' border-left: 1px solid '+mmenuoutbordercolor;

if(mmenuinbordercolor!=mmenuoutbordercolor&&msubedge=="0"){

stringx+=';border-right: 1px solid '+mmidincolor+

';border-bottom: 1px solid '+mmidincolor;}

stringx+=';border-top: 1px solid '+mmenuoutbordercolor+

';padding: 4px" bgcolor='+mmenucolor+'>\n'

for(var i=0;i<thismenu.items.length;i++){

var thismenuitem=thismenu.items[i];

var imgsize="";

if(thismenuitem.sizex!="0"||thismenuitem.sizey!="0")imgsize=" width="+thismenuitem.sizex+" height="+thismenuitem.sizey;

var ifspace="";

if(thismenu.caption!="")ifspace="&nbsp;";

if(!thismenuitem.isline){

stringx += "<tr><td class=coolButton style='border: "+mitemedge+"px solid "+mmenucolor+

"' width=100% height=15px onmouseover=\"mmenuitem_over("+x+","+i+

");\" onmouseout=mmenuitem_out() onmousedown=mmenuitem_down() onmouseup=";

stringx += "mmenuitem_up();mexec("+x+","+i+"); ";

if(thismenuitem.pos=="0"){

stringx += "><img align=absmiddle src='"+thismenuitem.img+"'"+imgsize+">"+ifspace+thismenuitem.caption+"</td></tr>";

}else if(thismenuitem.pos=="1"){

stringx += ">"+thismenuitem.caption+ifspace+"<img align=absmiddle src='"+thismenuitem.img+"'"+imgsize+"></td></tr>";

}else if(thismenuitem.pos=="2"){

stringx += "background='"+thismenuitem.img+"'>"+thismenuitem.caption+"</td></tr>";

}else{

stringx += ">"+thismenuitem.caption+"</td></tr>";

}

}else{

stringx+='<tr><td height="1" background="hr.gif" onmousemove="clearTimeout(mpopTimer);"><img height="1" width="1" src="none.gif" border="0"></td></tr>\n';

}

}stringx+='</table>\n</div>'

}

}

document.write("<div align='left'>"+stringx+"</div>");

}

mpmenu1=new mMenu('新建菜单','','self','','','','');

mpmenu1.addItem(new mMenuItem('新建菜单','','self',false,'','','','',''));

mpmenu1.addItem(new mMenuItem('新建菜单','','self',false,'','','','',''));

mpmenu1.addItem(new mMenuItem('新建菜单','','self',false,'','','','',''));

mpmenu1.addItem(new mMenuItem('新建菜单','','self',false,'','','','',''));

mpmenu2=new mMenu('新建菜单2','','self','','','','');

mpmenu2.addItem(new mMenuItem('新建菜单21','','self',false,'','','','',''));

mpmenu2.addItem(new mMenuItem('新建菜单22','','self',false,'','','','',''));

mpmenu2.addItem(new mMenuItem('新建菜单23','','self',false,'','','','',''));

mpmenu3=new mMenu('新建菜单3','','self','','','','');

mpmenu3.addItem(new mMenuItem('新建菜单31','','self',false,'','','','',''));

mpmenu3.addItem(new mMenuItem('新建菜单32','','self',false,'','','','',''));

mpmenu3.addItem(new mMenuItem('新建菜单33','','self',false,'','','','',''));

mwritetodocument();

</script>

• ·在一个输入文字的区域出现一个居中的背景图片
• ·控制选择框选择的项目的脚本
• ·用虚线做的表格[网页特效]
• ·有没有见过不停闪烁的表格呀？
• ·对输入框进行检测，通过就会在前面打勾表示通过
• ·鼠标放在文字链接上出现精彩的说明文字
• ·直接在页面上的刷新按钮[网页特效]
• ·鼠标放到文字链接上，文字的底色和本身色彩都会改
• ·用按钮实现加入收藏夹及主页
• ·一个页面中的Real播放器[网页特效]