Mon

02

Mar

2009

120、有立体感的文字链接

120、有立体感的文字链接

脚本说明:

把如下代码加入<body>区域中

<style>

td{cursor:hand;font-size:12px}

.click{border-top:1px solid #0033CC;border-bottom:1px solid #DDEEFF;border-left:1px solid #0033CC;border-right:1px solid #DDEEFF;padding-top:5px;padding-bottom:3px;padding-left:5px;padding-right:3px;}

.hover{border-top:1px solid #DDEEFF;border-bottom:1px solid #0033CC;border-left:1px solid #DDEEFF;border-right:1px solid #0033CC;padding:4px;}

.normal{border:1px solid #FFFFFF;padding:4px;}

</style>

<script>

function overbutton(){

       if(src=event.srcElement)

              if(src.className=="normal"){

                     src.className='hover';

              }

}

function outbutton(){

       if(src=event.srcElement)

              if(src.className=="hover"){

                     src.className='normal';

              }

}

function clickbutton(){

       if(src=event.srcElement)

              if(src.className=="hover"){

                  var cells=document.all.button.rows[0].cells;

                     for (i=0;i<cells.length ;i++ )

                     {cells[i].className="normal";

                     }

                     src.className='click';

              }

}

 

document.onmouseover=overbutton

document.onmouseout=outbutton

document.onclick=clickbutton</script>

<TABLE id=button>

<TR>

       <TD class=click><a href=http://www.7stk.com>日报</a></TD>

       <TD class=normal>周报</TD>

       <TD class=normal>月报</TD>

       <TD class=normal>季报</TD>

</TR>

</TABLE>

 

0 Comments

Mon

02

Mar

2009

119、右侧逐渐展开菜单

119、右侧逐渐展开菜单

脚本说明:

把如下代码加入<body>区域中

<script>

var menus    = new Array();

var isShow   = new Boolean();

isShow=false;

var isdown   = new Boolean();

isdown=false;

var srcel;

var fromel; 

var toel;

var usestatus=false;

var thestatus="";

var popTimer = 0;

menucolor='#EEBF99';fontcolor='MenuText';menuoutcolor='#F3D5B8';menuincolor='#F8E8D6';menuoutbordercolor='#FCF3EF';menuinbordercolor='#000000';midoutcolor='#F2D0B5';midincolor='#9E7F66';menuovercolor='#E80005';menuunitwidth=160;menuitemwidth=160;menuheight=180;menuwidth='160';menuadjust=0;

menualign='center';leftchar='()';rightchar='()';fonts='font-family: 宋体; font-size: 9pt; color: MenuText; ';cursor='default';

var fadeSteps = 5;

var fademsec = 20;

var fadeArray = new Array();

function fade(el, fadeIn, steps, msec) {

       if (steps == null) steps = fadeSteps;

       if (msec == null) msec = fademsec;

       if (el.fadeIndex == null)

              el.fadeIndex = fadeArray.length;

       fadeArray[el.fadeIndex] = el;

       if (el.fadeStepNumber == null) {

              if (el.style.visibility == "hidden")

                     el.fadeStepNumber = 0;

              else

                     el.fadeStepNumber = steps;

              if (fadeIn)

                     el.style.filter = "Alpha(Opacity=0)";

              else

                     el.style.filter = "Alpha(Opacity=100)";

       }

       window.setTimeout("repeatFade(" + fadeIn + "," + el.fadeIndex + "," + steps + "," + msec + ")", msec);

}

function repeatFade(fadeIn, index, steps, msec) {      

       el = fadeArray[index];

      

       c = el.fadeStepNumber;

       if (el.fadeTimer != null)

              window.clearTimeout(el.fadeTimer);

       if ((c == 0) && (!fadeIn)) {

              el.style.visibility = "hidden";

              return;

       }

       else if ((c==steps) && (fadeIn)) {

              el.style.filter = "";

              el.style.visibility = "visible";

              return;

       }

       else {

              (fadeIn) ?      c++ : c--;

              el.style.visibility = "visible";

              el.style.filter = "Alpha(Opacity=" + 100*c/steps + ")";

              el.fadeStepNumber = c;

              el.fadeTimer = window.setTimeout("repeatFade(" + fadeIn + "," + index + "," + steps + "," + msec + ")", msec);

       }

}

function popOut() {

popTimer = setTimeout('allhide()', 1000);

}

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 MenuRegister(menu)

{

  menus[menus.length] = menu

  return (menus.length - 1)

}

function MenuItem(caption,command,target,isline,statustxt){

       this.caption=caption;

       this.command=command;

       this.target=target;

       this.isline=isline;

       this.statustxt=statustxt;

}

 

function Menu(caption,command,target){

       this.items = new Array();

       this.caption=caption;

       this.command=command;

       this.target=target;

       this.id=MenuRegister(this);

}

function MenuAddItem(item)

{

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

  item.parent = this.id;

  this.children=true;

}

 

Menu.prototype.addItem = MenuAddItem;

function toout(src){

src.style.borderLeftColor=menuoutbordercolor;

src.style.borderRightColor=menuinbordercolor;

src.style.borderTopColor=menuoutbordercolor;

src.style.borderBottomColor=menuinbordercolor;

src.style.backgroundColor=menuoutcolor;

src.style.color=menuovercolor;

}

function toin(src){

src.style.borderLeftColor=menuinbordercolor;

src.style.borderRightColor=menuoutbordercolor;

src.style.borderTopColor=menuinbordercolor;

src.style.borderBottomColor=menuoutbordercolor;

src.style.backgroundColor=menuincolor;

src.style.color=menuovercolor;

}

function nochange(src){

src.style.borderLeftColor=menucolor;

src.style.borderRightColor=menucolor;

src.style.borderTopColor=menucolor;

src.style.borderBottomColor=menucolor;

src.style.backgroundColor=menucolor;

src.style.color=fontcolor;

}

function allhide(){

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

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

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

                nochange(themenu);

                menuhide(themenudiv);

                }

}

function menuhide(menuid){

fade(menuid,false,6);

isShow=false;

}

function menushow(menuid,pid){

menuid.style.left=menutable.offsetLeft+menuadjust+parseInt(menuwidth);menuid.style.top=menutable.offsetTop+pid.offsetTop;fade(menuid,true,6);

isShow=true;

}

function menu_over(menuid,x){

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

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

if (toEl == fromEl) return;

srcel = window.event.srcElement;

if(menus[x].command==""){

 

  allhide();

  toin(srcel);

  menushow(menuid,eval("menu"+x));

 

}else{

  isShow = false;

  allhide();

  toout(srcel);

}

clearTimeout(popTimer);

}

function menu_out(menuid){

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

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

if (toEl == fromEl) return;   

srcel = window.event.srcElement;

if (isShow){

toin(srcel);

}else{

nochange(srcel);

}

popOut()

}

function menu_down(menuid,x){

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

if(menus[x].command==""){

  if(isShow){

  menuhide(menuid);

  toout(srcel);

  }

  else{

  toin(srcel);

  menushow(menuid,eval("menu"+x));

  isdown=true;

  }

}else{

  toin(srcel);

  isdown=true;

}

 

}

function menu_up(){

  isdown=false;

}

function menuitem_over(menuid){

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

if(isdown){

       toin(srcel);

}

else{

toout(srcel);

}

if(thestatus!=""){

       usestatus=true;

       window.status=thestatus;

}

clearTimeout(popTimer);

}

function menuitem_out(menuid){

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

nochange(srcel);

if(usestatus)window.status="";

popOut()

}

function menuitem_down(menuid){

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

toin(srcel)

isdown=true;

}

function menuitem_up(menuid){

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

toout(srcel)

isdown=false;

}

function exec2(x){

var cmd;

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

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

}else{

  cmd = menus[x].target+".location='"+menus[x].command+"'";

}

eval(cmd);

}

function exec(x,i){

var cmd;

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

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

}else{

  cmd = menus[x].items[i].target+".location='"+menus[x].items[i].command+"'";

}

eval(cmd);

}

function body_click(){

if (isShow){

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

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

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

              return;

       }

       allhide();

}

}

document.onclick=body_click;

var MenuBodyRef;

function writetodocument(){

      var wb=1;

      for(var i in document.all){

              if (document.all[i].tagName == 'BODY'){

                     MenuBodyRef = document.all[i]

                     var stringx='<table id=menutable border=0 cellpadding=0 cellspacing=2 width='+menuwidth+' height='+menuheight+' bgcolor='+menucolor+

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

                     ' style="position:absolute;top=170;left=8;cursor:'+cursor+';'+fonts+

                     ' border-left: '+wb+'px solid '+menuoutbordercolor+';'+

                     ' border-right: '+wb+'px solid '+menuinbordercolor+'; '+

                     'border-top: '+wb+'px solid '+menuoutbordercolor+'; '+

                     'border-bottom: '+wb+'px solid '+menuinbordercolor+'; padding:0px"><tr>'

                     if(leftchar!="()")stringx+='<td width="100%" align="center">'+leftchar+'</td></tr><tr>'     

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

                          var thismenu=menus[x];

                          stringx += "<td class=coolButton id=menu"+x+" style='border: 1px solid "+menucolor+

                          "' width="+menuunitwidth+"px onmouseover=menu_over(menudiv"+x+

                          ","+x+") onmouseout=menu_out(menudiv"+x+

                          ") onmousedown=menu_down(menudiv"+x+","+x+")";

                                if(thismenu.command!=""){

                                    stringx += " onmouseup=exec2("+x+");menu_up();";

                                }else{

                                      stringx += " onmouseup=menu_up()";

                                }

                          stringx += " align="+menualign+">"+thismenu.caption+"</td></tr><tr>"

                     }

                     if(rightchar!="()")stringx+='<td width="100%" align="center">'+rightchar+'</td>'

                     stringx+="</tr></table>";

                    

                    

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

                          thismenu=menus[x];

                        if(x==0||x==4||x==5){

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

                        }else{

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

                        ' style="cursor:'+cursor+';position:absolute;'+

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

                        ';border-left: 1px solid '+midoutcolor+'; '+

                        'border-right: 1px solid '+menuinbordercolor+';'+

                        ' border-top: 1px solid '+midoutcolor+'; '+

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

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

                          'style="'+fonts+' border-left: 1px solid '+menuoutbordercolor+';'+

                          ' border-right: 1px solid '+midincolor+';'+

                          ' border-top: 1px solid '+menuoutbordercolor+'; '+

                          'border-bottom: 1px solid '+midincolor+'; padding: 4px" bgcolor='+menucolor+'>\n'

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

                                 var thismenuitem=thismenu.items[i];

                                 if(!thismenuitem.isline){

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

                                 "' width=100% height=15px onmouseover=\"thestatus='"+thismenuitem.statustxt+"';menuitem_over(menudiv"+x+

                                 ");\" onmouseout=menuitem_out(menudiv"+x+

                                 ") onmousedown=menuitem_down(menudiv"+x+") onmouseup=";

                           stringx += "exec("+x+","+i+");menuitem_up(menudiv"+x+")>"+ thismenuitem.caption +"</td></tr>\n";

                                  }else{

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

                                 }

                          }

                          }

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

                }

               

                     document.write(stringx);

      break

    }

  }

}

 

 

function document_load(){

       writetodocument();

}

pmenu1=new Menu(' ','#','self');

pmenu2=new Menu(' ','','self');

pmenu2.addItem(new MenuItem('      大陆明星壁纸','wpaper/html/dl/index.htm','top',false,'大陆明星壁纸'));

pmenu2.addItem(new MenuItem('      港台明星壁纸','wpaper/html/gt/index.htm','top',false,'港台明星壁纸'));

pmenu2.addItem(new MenuItem('      欧美明星壁纸','wpaper/html/ur/index.htm','top',false,'欧洲明星壁纸'));

pmenu2.addItem(new MenuItem('      日本明星壁纸','wpaper/html/jp/index.htm','top',false,'日本明星壁纸,因为空间不够,没有上传完,请原谅'));

pmenu2.addItem(new MenuItem('      韩国明星壁纸','wpaper/html/ko/index.htm','top',false,'韩国明星壁纸'));

pmenu3=new Menu(' ','','self');

pmenu3.addItem(new MenuItem('      韩国明星写真','#','self',false,'因为空间不够,没有上传,请原谅'));

pmenu3.addItem(new MenuItem('      港台明星写真','#','self',false,'因为空间不够,没有上传,请原谅'));

pmenu3.addItem(new MenuItem('      欧美明星写真','#','self',false,'因为空间不够,没有上传,请原谅'));

pmenu3.addItem(new MenuItem('      日本明星写真','#','self',false,'因为空间不够,没有上传,请原谅'));

pmenu3.addItem(new MenuItem('      韩国明星写真','#','self',false,'因为空间不够,没有上传,请原谅'));

pmenu4=new Menu(' ','','self');

pmenu4.addItem(new MenuItem('      ','','self',false,'制作中'));

pmenu4.addItem(new MenuItem('      ','','self',false,'制作中'));

pmenu4.addItem(new MenuItem('      ','','self',false,'制作中'));

pmenu4.addItem(new MenuItem('      ','','self',false,'制作中'));

pmenu5=new Menu(' ','#','self');

pmenu6=new Menu(' ','http://www.7stk.com/bbs','blank');

 

document.write("<body bgcolor='#FCF1DC'>")

document_load()

 

</script>

 

 

0 Comments

Sun

01

Mar

2009

118、链接的滚动说明

118、链接的滚动说明

脚本说明:

把如下代码加入<body>区域中

<script>

function goto(url,dalay)

{

setTimeout("window.location='"+url+"'",dalay);

}

</script>

<button onclick="goto('http://www.7stk.com',3000)">点击按钮3秒后跳转到网页特效代码</button>

119、右侧逐渐展开菜单

脚本说明:

把如下代码加入<body>区域中

<script>

var menus    = new Array();

var isShow   = new Boolean();

isShow=false;

var isdown   = new Boolean();

isdown=false;

var srcel;

var fromel; 

var toel;

var usestatus=false;

var thestatus="";

var popTimer = 0;

menucolor='#EEBF99';fontcolor='MenuText';menuoutcolor='#F3D5B8';menuincolor='#F8E8D6';menuoutbordercolor='#FCF3EF';menuinbordercolor='#000000';midoutcolor='#F2D0B5';midincolor='#9E7F66';menuovercolor='#E80005';menuunitwidth=160;menuitemwidth=160;menuheight=180;menuwidth='160';menuadjust=0;

menualign='center';leftchar='()';rightchar='()';fonts='font-family: 宋体; font-size: 9pt; color: MenuText; ';cursor='default';

var fadeSteps = 5;

var fademsec = 20;

var fadeArray = new Array();

function fade(el, fadeIn, steps, msec) {

       if (steps == null) steps = fadeSteps;

       if (msec == null) msec = fademsec;

       if (el.fadeIndex == null)

              el.fadeIndex = fadeArray.length;

       fadeArray[el.fadeIndex] = el;

       if (el.fadeStepNumber == null) {

              if (el.style.visibility == "hidden")

                     el.fadeStepNumber = 0;

              else

                     el.fadeStepNumber = steps;

              if (fadeIn)

                     el.style.filter = "Alpha(Opacity=0)";

              else

                     el.style.filter = "Alpha(Opacity=100)";

       }

       window.setTimeout("repeatFade(" + fadeIn + "," + el.fadeIndex + "," + steps + "," + msec + ")", msec);

}

function repeatFade(fadeIn, index, steps, msec) {      

       el = fadeArray[index];

      

       c = el.fadeStepNumber;

       if (el.fadeTimer != null)

              window.clearTimeout(el.fadeTimer);

       if ((c == 0) && (!fadeIn)) {

              el.style.visibility = "hidden";

              return;

       }

       else if ((c==steps) && (fadeIn)) {

              el.style.filter = "";

              el.style.visibility = "visible";

              return;

       }

       else {

              (fadeIn) ?      c++ : c--;

              el.style.visibility = "visible";

              el.style.filter = "Alpha(Opacity=" + 100*c/steps + ")";

              el.fadeStepNumber = c;

              el.fadeTimer = window.setTimeout("repeatFade(" + fadeIn + "," + index + "," + steps + "," + msec + ")", msec);

       }

}

function popOut() {

popTimer = setTimeout('allhide()', 1000);

}

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 MenuRegister(menu)

{

  menus[menus.length] = menu

  return (menus.length - 1)

}

function MenuItem(caption,command,target,isline,statustxt){

       this.caption=caption;

       this.command=command;

       this.target=target;

       this.isline=isline;

       this.statustxt=statustxt;

}

 

function Menu(caption,command,target){

       this.items = new Array();

       this.caption=caption;

       this.command=command;

       this.target=target;

       this.id=MenuRegister(this);

}

function MenuAddItem(item)

{

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

  item.parent = this.id;

  this.children=true;

}

 

Menu.prototype.addItem = MenuAddItem;

function toout(src){

src.style.borderLeftColor=menuoutbordercolor;

src.style.borderRightColor=menuinbordercolor;

src.style.borderTopColor=menuoutbordercolor;

src.style.borderBottomColor=menuinbordercolor;

src.style.backgroundColor=menuoutcolor;

src.style.color=menuovercolor;

}

function toin(src){

src.style.borderLeftColor=menuinbordercolor;

src.style.borderRightColor=menuoutbordercolor;

src.style.borderTopColor=menuinbordercolor;

src.style.borderBottomColor=menuoutbordercolor;

src.style.backgroundColor=menuincolor;

src.style.color=menuovercolor;

}

function nochange(src){

src.style.borderLeftColor=menucolor;

src.style.borderRightColor=menucolor;

src.style.borderTopColor=menucolor;

src.style.borderBottomColor=menucolor;

src.style.backgroundColor=menucolor;

src.style.color=fontcolor;

}

function allhide(){

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

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

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

                nochange(themenu);

                menuhide(themenudiv);

                }

}

function menuhide(menuid){

fade(menuid,false,6);

isShow=false;

}

function menushow(menuid,pid){

menuid.style.left=menutable.offsetLeft+menuadjust+parseInt(menuwidth);menuid.style.top=menutable.offsetTop+pid.offsetTop;fade(menuid,true,6);

isShow=true;

}

function menu_over(menuid,x){

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

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

if (toEl == fromEl) return;

srcel = window.event.srcElement;

if(menus[x].command==""){

 

  allhide();

  toin(srcel);

  menushow(menuid,eval("menu"+x));

 

}else{

  isShow = false;

  allhide();

  toout(srcel);

}

clearTimeout(popTimer);

}

function menu_out(menuid){

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

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

if (toEl == fromEl) return;   

srcel = window.event.srcElement;

if (isShow){

toin(srcel);

}else{

nochange(srcel);

}

popOut()

}

function menu_down(menuid,x){

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

if(menus[x].command==""){

  if(isShow){

  menuhide(menuid);

  toout(srcel);

  }

  else{

  toin(srcel);

  menushow(menuid,eval("menu"+x));

  isdown=true;

  }

}else{

  toin(srcel);

  isdown=true;

}

 

}

function menu_up(){

  isdown=false;

}

function menuitem_over(menuid){

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

if(isdown){

       toin(srcel);

}

else{

toout(srcel);

}

if(thestatus!=""){

       usestatus=true;

       window.status=thestatus;

}

clearTimeout(popTimer);

}

function menuitem_out(menuid){

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

nochange(srcel);

if(usestatus)window.status="";

popOut()

}

function menuitem_down(menuid){

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

toin(srcel)

isdown=true;

}

function menuitem_up(menuid){

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

toout(srcel)

isdown=false;

}

function exec2(x){

var cmd;

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

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

}else{

  cmd = menus[x].target+".location='"+menus[x].command+"'";

}

eval(cmd);

}

function exec(x,i){

var cmd;

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

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

}else{

  cmd = menus[x].items[i].target+".location='"+menus[x].items[i].command+"'";

}

eval(cmd);

}

function body_click(){

if (isShow){

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

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

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

              return;

       }

       allhide();

}

}

document.onclick=body_click;

var MenuBodyRef;

function writetodocument(){

      var wb=1;

      for(var i in document.all){

              if (document.all[i].tagName == 'BODY'){

                     MenuBodyRef = document.all[i]

                     var stringx='<table id=menutable border=0 cellpadding=0 cellspacing=2 width='+menuwidth+' height='+menuheight+' bgcolor='+menucolor+

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

                     ' style="position:absolute;top=170;left=8;cursor:'+cursor+';'+fonts+

                     ' border-left: '+wb+'px solid '+menuoutbordercolor+';'+

                     ' border-right: '+wb+'px solid '+menuinbordercolor+'; '+

                     'border-top: '+wb+'px solid '+menuoutbordercolor+'; '+

                     'border-bottom: '+wb+'px solid '+menuinbordercolor+'; padding:0px"><tr>'

                     if(leftchar!="()")stringx+='<td width="100%" align="center">'+leftchar+'</td></tr><tr>'     

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

                          var thismenu=menus[x];

                          stringx += "<td class=coolButton id=menu"+x+" style='border: 1px solid "+menucolor+

                          "' width="+menuunitwidth+"px onmouseover=menu_over(menudiv"+x+

                          ","+x+") onmouseout=menu_out(menudiv"+x+

                          ") onmousedown=menu_down(menudiv"+x+","+x+")";

                                if(thismenu.command!=""){

                                    stringx += " onmouseup=exec2("+x+");menu_up();";

                                }else{

                                      stringx += " onmouseup=menu_up()";

                                }

                          stringx += " align="+menualign+">"+thismenu.caption+"</td></tr><tr>"

                     }

                     if(rightchar!="()")stringx+='<td width="100%" align="center">'+rightchar+'</td>'

                     stringx+="</tr></table>";

                    

                    

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

                          thismenu=menus[x];

                        if(x==0||x==4||x==5){

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

                        }else{

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

                        ' style="cursor:'+cursor+';position:absolute;'+

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

                        ';border-left: 1px solid '+midoutcolor+'; '+

                        'border-right: 1px solid '+menuinbordercolor+';'+

                        ' border-top: 1px solid '+midoutcolor+'; '+

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

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

                          'style="'+fonts+' border-left: 1px solid '+menuoutbordercolor+';'+

                          ' border-right: 1px solid '+midincolor+';'+

                          ' border-top: 1px solid '+menuoutbordercolor+'; '+

                          'border-bottom: 1px solid '+midincolor+'; padding: 4px" bgcolor='+menucolor+'>\n'

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

                                 var thismenuitem=thismenu.items[i];

                                 if(!thismenuitem.isline){

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

                                 "' width=100% height=15px onmouseover=\"thestatus='"+thismenuitem.statustxt+"';menuitem_over(menudiv"+x+

                                 ");\" onmouseout=menuitem_out(menudiv"+x+

                                 ") onmousedown=menuitem_down(menudiv"+x+") onmouseup=";

                           stringx += "exec("+x+","+i+");menuitem_up(menudiv"+x+")>"+ thismenuitem.caption +"</td></tr>\n";

                                  }else{

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

                                 }

                          }

                          }

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

                }

               

                     document.write(stringx);

      break

    }

  }

}

 

 

function document_load(){

       writetodocument();

}

pmenu1=new Menu(' ','#','self');

pmenu2=new Menu(' ','','self');

pmenu2.addItem(new MenuItem('      大陆明星壁纸','wpaper/html/dl/index.htm','top',false,'大陆明星壁纸'));

pmenu2.addItem(new MenuItem('      港台明星壁纸','wpaper/html/gt/index.htm','top',false,'港台明星壁纸'));

pmenu2.addItem(new MenuItem('      欧美明星壁纸','wpaper/html/ur/index.htm','top',false,'欧洲明星壁纸'));

pmenu2.addItem(new MenuItem('      日本明星壁纸','wpaper/html/jp/index.htm','top',false,'日本明星壁纸,因为空间不够,没有上传完,请原谅'));

pmenu2.addItem(new MenuItem('      韩国明星壁纸','wpaper/html/ko/index.htm','top',false,'韩国明星壁纸'));

pmenu3=new Menu(' ','','self');

pmenu3.addItem(new MenuItem('      韩国明星写真','#','self',false,'因为空间不够,没有上传,请原谅'));

pmenu3.addItem(new MenuItem('      港台明星写真','#','self',false,'因为空间不够,没有上传,请原谅'));

pmenu3.addItem(new MenuItem('      欧美明星写真','#','self',false,'因为空间不够,没有上传,请原谅'));

pmenu3.addItem(new MenuItem('      日本明星写真','#','self',false,'因为空间不够,没有上传,请原谅'));

pmenu3.addItem(new MenuItem('      韩国明星写真','#','self',false,'因为空间不够,没有上传,请原谅'));

pmenu4=new Menu(' ','','self');

pmenu4.addItem(new MenuItem('      ','','self',false,'制作中'));

pmenu4.addItem(new MenuItem('      ','','self',false,'制作中'));

pmenu4.addItem(new MenuItem('      ','','self',false,'制作中'));

pmenu4.addItem(new MenuItem('      ','','self',false,'制作中'));

pmenu5=new Menu(' ','#','self');

pmenu6=new Menu(' ','http://www.7stk.com/bbs','blank');

 

document.write("<body bgcolor='#FCF1DC'>")

document_load()

 

</script>

 

 

0 Comments

Sun

01

Mar

2009

117、链接在IFRAME中显示

117、链接在IFRAME中显示

脚本说明:

把如下代码加入<body>区域中

<SCRIPT LANGUAGE="JavaScript">

<!-- Begin

var refer=true;

function combo() {

if (refer) {

  document.all.contents.style.visibility="visible";

  refer=false;

}

else {

  document.all.contents.style.visibility="hidden";

  refer=true;

}

}

//  End -->

</script>

<table align="center">

<tr><td>

<table width="200" border="1" cellspacing="0" cellpadding="0" bordercolor="#d8d8d8">

  <tr>

    <td bgcolor="d8d8d8">

      <font face="verdana" size="2">请选择一个链接</font>

    </td>

    <td align="right" width="15">

      <img src="combo_arrow.gif" name="combo_arrow" width="21" height="21" alt="" border="0" onclick="combo()" ></td>

  </tr>

</table>

<div id="contents" style="position:absolute; left:?px; top:?px; width:?px; height:?px; z-index:1; visibility:hidden">

  <table width="200" border="1" cellspacing="0" cellpadding="0" bordercolor="#d8d8d8">

  <tr>

    <td bgcolor="d8d8d8">

      <font face="verdana" size="2">

      <a href="http://www.7stk.com" target="_blank"> <img src="bullet2.gif" border="0" width="8" height="8">网页特效代码</a><br>

      <a href="http://www.7stk.com/1/index06.htm" target="_blank"> <img src="bullet2.gif" border="0" width="8" height="8">天气预报代码</a><br>

      <a href="http://www.7stk.com/radio/radio.htm" target="_blank"> <img src="bullet2.gif" border="0" width="8" height="8">音乐电台代码</a><br></font>

    </td>

  </tr>

</table>

</td></tr>

</table>

 

0 Comments

Sun

01

Mar

2009

116、很酷的下拉导航条

116、很酷的下拉导航条

脚本说明:

把如下代码加入<body>区域中

<STYLE type=text/css>#menubar {

       BACKGROUND: rgb(212,208,200); FONT: menu; CURSOR: default; POSITION: relative

}

#menubar .root {

       BORDER-RIGHT: rgb(212,208,200) 1px solid; PADDING-RIGHT: 2pt; BORDER-TOP: rgb(212,208,200) 1px solid; PADDING-LEFT: 2pt; BORDER-LEFT: rgb(212,208,200) 1px solid; BORDER-BOTTOM: rgb(212,208,200) 1px solid

}

#menubar TABLE {

       BORDER-RIGHT: gray 2px solid; PADDING-RIGHT: 0pt; BORDER-TOP: #eeeeee 2px solid; DISPLAY: none; PADDING-LEFT: 0pt; BACKGROUND: rgb(212,208,200); PADDING-BOTTOM: 0pt; MARGIN: 0pt; FONT: menu; BORDER-LEFT: #eeeeee 2px solid; PADDING-TOP: 0pt; BORDER-BOTTOM: gray 2px solid; POSITION: absolute

}

#menubar TABLE TD {

       PADDING-RIGHT: 15pt; PADDING-LEFT: 12pt; PADDING-BOTTOM: 2pt; MARGIN: 0pt; PADDING-TOP: 2pt

}

#menubar .highlight {

       BACKGROUND: #08246B; COLOR: white;

}

#menubar .disabledhighlight {

       BACKGROUND: rgb(212,208,200); COLOR: gray

}

#menubar #break {

       COLOR: gray

}

#menubar .disabled {

       COLOR: gray

}

#menubar #break {

       PADDING-RIGHT: 0pt; PADDING-LEFT: 0pt; PADDING-BOTTOM: 0pt; MARGIN: 0pt; PADDING-TOP: 0pt

}

#menubar SPAN.more {

       PADDING-RIGHT: 0pt; PADDING-LEFT: 0pt; LEFT: 14pt; FLOAT: right; PADDING-BOTTOM: 0pt; MARGIN: 0pt; FONT: 9pt webdings; WIDTH: 0.8em; PADDING-TOP: 0pt; POSITION: relative; TOP: -2pt; HEIGHT: 9pt

}

#menubar .TBHandle {

    BACKGROUND-COLOR: menu;

    BORDER-LEFT: buttonhighlight 1px solid;

    BORDER-RIGHT: buttonshadow 1px solid;

    BORDER-TOP:     buttonhighlight      1px solid;

    FONT-SIZE: 1px;

    HEIGHT: 22px;

    POSITION: absolute;

    TOP: 1px;

    WIDTH: 3px

}

#menubar .yToolbar {

    BACKGROUND-COLOR: menu;

    BORDER-BOTTOM: buttonshadow     1px solid;

    BORDER-LEFT: buttonhighlight 1px solid;

    BORDER-RIGHT: buttonshadow 1px solid;

    BORDER-TOP:     buttonhighlight      1px solid;

    HEIGHT: 27px;

    LEFT: 0px;

    POSITION: relative;

    TOP: 0px;   

}

.handbtn {

       BACKGROUND: buttonface; BORDER-BOTTOM: buttonshadow 1px solid; BORDER-LEFT: buttonhighlight 1px solid; BORDER-RIGHT: buttonshadow 1px solid; BORDER-TOP: buttonhighlight 1px solid; HEIGHT: 21px; WIDTH: 3px

}

.sepbtn1 {

       BORDER-LEFT: buttonshadow 1px ridge; BORDER-RIGHT: buttonhighlight 1px solid; WIDTH: 2px

}

 

</STYLE>

<script language=javascript>

 

//数组名+次序号码

 

//数组内容第一个值为标题

 

//"样式名称","字体颜色","名称","连接","目标窗口"

 

OutBarFolder1=new Array(

 

"系统功能",

 

"none","default","新建管理人员","add","_blank",

 

"none","default","浏览管理人员","none","_blank",

 

"none","default","修改管理人员资料","none","_blank",

 

"none","default","更改密码","none","_blank",

 

"none","default","权限分配","none","none",

 

"break","default","<hr>","none","none",

 

"none","default","新建管理人员","add","_blank",

 

"none","default","新建管理人员","add","_blank",

 

"none","default","新建管理人员","add","_blank",

 

"none","default","新建管理人员","add","_blank",

 

"none","default","新建管理人员","add","_blank",

 

"break","default","<hr>","none","none",

 

"none","default","备份数据","none","_top",

 

"none","default","恢复数据","none","_top",

 

"break","default","<hr>","none","none",

 

"none","default","更改个人资料","none","_blank",

 

"none","default","更改个人密码","none","_blank",

 

"break","default","<hr>","none","none",

 

"none","default","退出管理系统","none","_top"

 

);

 

OutBarFolder2=new Array(

 

"系统功能",

 

"none","default","新建管理人员","add","_blank",

 

"none","default","浏览管理人员","none","_blank",

 

"none","default","修改管理人员资料","none","_blank",

 

"none","default","更改密码","none","_blank",

 

"none","default","权限分配","none","none",

 

"break","default","<hr>","none","none",

 

"none","default","新建管理人员","add","_blank",

 

"none","default","新建管理人员","add","_blank",

 

"none","default","新建管理人员","add","_blank",

 

"none","default","新建管理人员","add","_blank",

 

"none","default","新建管理人员","add","_blank",

 

"break","default","<hr>","none","none",

 

"none","default","备份数据","none","_top",

 

"none","default","恢复数据","none","_top",

 

"break","default","<hr>","none","none",

 

"none","default","更改个人资料","none","_blank",

 

"none","default","更改个人密码","none","_blank",

 

"break","default","<hr>","none","none",

 

"none","default","退出管理系统","none","_top"

 

);

 

OutBarFolder3=new Array(

 

"系统功能",

 

"none","default","新建管理人员","add","_blank",

 

"none","default","浏览管理人员","none","_blank",

 

"none","default","修改管理人员资料","none","_blank",

 

"none","default","更改密码","none","_blank",

 

"none","default","权限分配","none","none",

 

"break","default","<hr>","none","none",

 

"none","default","新建管理人员","add","_blank",

 

"none","default","新建管理人员","add","_blank",

 

"none","default","新建管理人员","add","_blank",

 

"none","default","新建管理人员","add","_blank",

 

"none","default","新建管理人员","add","_blank",

 

"break","default","<hr>","none","none",

 

"none","default","备份数据","none","_top",

 

"none","default","恢复数据","none","_top",

 

"break","default","<hr>","none","none",

 

"none","default","更改个人资料","none","_blank",

 

"none","default","更改个人密码","none","_blank",

 

"break","default","<hr>","none","none",

 

"none","default","退出管理系统","none","_top"

 

);

 

       var childActive = null

 

    var menuActive = null

 

    var lastHighlight = null

 

    var active = false

 

  

 

    function getReal(el) {

 

      // Find a table cell element in the parent chain */

 

      temp = el

 

      while ((temp!=null) && (temp.tagName!="TABLE") && (temp.className!="root") && (temp.id!="menuBar")) {

 

        if (temp.tagName=="TD")

 

          el = temp

 

        temp = temp.parentElement

 

      }

 

      return el

 

    }

 

 

 

    function raiseMenu(el) {

 

      el.style.borderLeft = "1px #08246B solid"

 

      el.style.borderTop = "1px #08246B solid"

 

      el.style.borderRight = "1px #08246B solid"

 

      el.style.borderBottom = "1px #08246B solid"

 

      el.style.background = "#B5BED6"

 

    }

 

 

 

    function clearHighlight(el) {

 

      if (el==null) return

 

      el.style.borderRight = "1px lightgrey solid"

 

      el.style.borderBottom = "1px lightgrey solid"

 

      el.style.borderTop = "1px lightgrey solid"

 

      el.style.borderLeft = "1px lightgrey solid"

 

      el.style.background = "rgb(212,208,200)"

 

    }

 

 

 

    function sinkMenu(el) {

 

      el.style.borderRight = "1px #EEEEEE solid"

 

      el.style.borderBottom = "1px #EEEEEE solid"

 

      el.style.borderTop = "1px gray solid"

 

      el.style.borderLeft = "1px gray solid"

 

      el.style.background = "rgb(212,208,200)"

 

    }

 

 

 

    function menuHandler(menuItem) {

 

      // Write generic menu handlers here!

 

      // Returning true collapses the menu. Returning false does not collapse the menu

 

      return true

 

    }

 

 

 

    function getOffsetPos(which,el,tagName) {

 

      var pos = 0 // el["offset" + which]

 

      while (el.tagName!=tagName) {

 

        pos+=el["offset" + which]

 

        el = el.offsetParent

 

      }

 

      return pos  

 

    }

 

 

 

    function getRootTable(el) {

 

      el = el.offsetParent

 

      if (el.tagName=="TR")

 

        el = el.offsetParent

 

      return el

 

    }

 

 

 

    function getElement(el,tagName) {

 

      while ((el!=null) && (el.tagName!=tagName) )

 

        el = el.parentElement

 

      return el

 

    }

 

 

 

    function processClick() {

 

      var el = getReal(event.srcElement)

 

      if ((getRootTable(el).id=="menuBar") && (active)) {       

 

        cleanupMenu(menuActive)

 

        clearHighlight(menuActive)

 

        active=false

 

        lastHighlight=null

 

        doHighlight(el)

 

      }

 

      else {

 

        if ((el.className=="root") || (!menuHandler(el)))

 

          doMenuDown(el)

 

        else {

 

          if (el._childItem==null)

 

            el._childItem = getChildren(el)

 

          if (el._childItem!=null)  return;

 

          if ((el.id!="break") && (el.className!="disabled") && (el.className!="disabledhighlight") && (el.className!="clear"))  {

 

            if (menuHandler(el)) {

 

              cleanupMenu(menuActive)

 

              clearHighlight(menuActive)

 

              active=false

 

              lastHighlight=null

 

            }

 

          }

 

        }

 

      }

 

    }

 

 

 

    function getChildren(el) {

 

      var tList = el.children.tags("TABLE")

 

      var i = 0

 

      while ((i<tList.length) && (tList[i].tagName!="TABLE"))

 

        i++

 

      if (i==tList.length)

 

        return null

 

      else

 

        return tList[i]

 

    }

 

 

 

    function doMenuDown(el) {

 

      if (el._childItem==null)

 

        el._childItem = getChildren(el)

 

      if ((el._childItem!=null) && (el.className!="disabled") && (el.className!="disabledhighlight")) {

 

        // Performance Optimization - Cache child element

 

        ch = el._childItem

 

        if (ch.style.display=="block") {

 

          removeHighlight(ch.active)

 

          return

 

        }

 

        ch.style.display = "block"

 

        if (el.className=="root") {

 

          ch.style.pixelTop = el.offsetHeight + el.offsetTop + 2

 

          ch.style.pixelLeft = el.offsetLeft + 1

 

         if (ch.style.pixelWidth==0)

 

            ch.style.pixelWidth = ch.rows[0].offsetWidth+50

 

          sinkMenu(el)

 

          active = true

 

          menuActive = el

 

        } else {

 

          childActive = el

 

          ch.style.pixelTop = getOffsetPos("Top",el,"TABLE") -3 // el.offsetTop + el.offsetParent.offsetTop - 3

 

          ch.style.pixelLeft = el.offsetLeft + el.offsetWidth

 

         if (ch.style.pixelWidth==0)

 

            ch.style.pixelWidth = ch.offsetWidth+50

 

        }    

 

      }

 

    }

 

 

 

    function doHighlight(el) {

 

      el = getReal(el)

 

      if ("root"==el.className) {

 

        if ((menuActive!=null) && (menuActive!=el)) {

 

          clearHighlight(menuActive)

 

        }

 

        if (!active) {

 

          raiseMenu(el)

 

        }         

 

        else

 

          sinkMenu(el)

 

        if ((active) && (menuActive!=el)) {

 

          cleanupMenu(menuActive)         

 

          doMenuDown(el)

 

        }

 

        menuActive = el 

 

        lastHighlight=null

 

      }

 

      else {

 

        if (childActive!=null)

 

          if (!childActive.contains(el))

 

            closeMenu(childActive, el)   

 

 

 

        if (("TD"==el.tagName) && ("clear"!=el.className)) {

 

          var ch = getRootTable(el)        

 

          if (ch.active!=null) {

 

            if (ch.active!=el) {

 

              if (ch.active.className=="disabledhighlight") 

 

                ch.active.className="disabled"

 

              else

 

                ch.active.className=""

 

              }

 

            }

 

          ch.active = el

 

          lastHighlight = el

 

          if ((el.className=="disabled") || (el.className=="disabledhighlight") || (el.id=="break"))

 

            el.className = "disabledhighlight"

 

          else {

 

            if (el.id!="break") {

 

              el.className = "highlight"

 

              if (el._childItem==null)

 

                el._childItem = getChildren(el)

 

              if (el._childItem!=null) {

 

                doMenuDown(el)

 

              }

 

            } 

 

          }

 

        }

 

      }

 

    }

 

 

 

    function removeHighlight(el) {

 

      if (el!=null)

 

        if ((el.className=="disabled") || (el.className=="disabledhighlight")) 

 

          el.className="disabled"

 

        else

 

          el.className=""

 

    }

 

 

 

    function cleanupMenu(el) {

 

      if (el==null) return

 

      for (var i = 0; i < el.all.length; i++) {

 

        var item = el.all[i]

 

        if (item.tagName=="TABLE")

 

         item.style.display = ""

 

        removeHighlight(item.active)

 

        item.active=null

 

      }

 

    }

 

 

 

 

 

    function closeMenu(ch, el) {

 

      var start = ch

 

      while (ch.className!="root") {

 

          ch = ch.parentElement

 

          if (((!ch.contains(el)) && (ch.className!="root"))) {

 

            start=ch

 

          }

 

      }

 

      cleanupMenu(start)

 

    }

 

 

 

    function checkMenu() {     

 

      if (document.all.menuBar==null) return

 

      if ((!document.all.menuBar.contains(event.srcElement)) && (menuActive!=null)) {

 

        clearHighlight(menuActive)

 

        closeMenu(menuActive)

 

        active = false

 

        menuActive=null

 

        choiceActive = null

 

      }

 

    }

 

 

 

    function doCheckOut() {

 

      var el = event.toElement     

 

      if ((!active) && (menuActive!=null) && (!menuActive.contains(el))) {

 

        clearHighlight(menuActive)

 

        menuActive=null

 

      }

 

    }

 

 

 

 

 

    function processKey() {

 

      if (active) {

 

        switch (event.keyCode) {

 

         case 13: lastHighlight.click(); break;

 

         case 39:  // right

 

           if ((lastHighlight==null) || (lastHighlight._childItem==null)) {

 

             var idx = menuActive.cellIndex

 

//             if (idx==menuActive.offsetParent.cells.length-2)

 

             if (idx==getElement(menuActive,"TR").cells.length-2)

 

               idx = 0

 

             else

 

               idx++

 

             newItem = getElement(menuActive,"TR").cells[idx]

 

           } else

 

           {

 

             newItem = lastHighlight._childItem.rows[0].cells[0]

 

           }

 

           doHighlight(newItem)

 

           break;

 

         case 37: //left

 

           if ((lastHighlight==null) || (getElement(getRootTable(lastHighlight),"TR").id=="menuBar")) {

 

             var idx = menuActive.cellIndex

 

             if (idx==0)

 

               idx = getElement(menuActive,"TR").cells.length-2

 

             else

 

               idx--

 

             newItem = getElement(menuActive,"TR").cells[idx]

 

           } else

 

           {

 

             newItem = getElement(lastHighlight,"TR")

 

             while (newItem.tagName!="TD")

 

               newItem = newItem.parentElement

 

           }

 

           doHighlight(newItem)

 

           break;

 

         case 40: // down

 

            if (lastHighlight==null) {

 

              itemCell = menuActive._childItem

 

              curCell=0

 

              curRow = 0

 

            }

 

            else {

 

              itemCell = getRootTable(lastHighlight)

 

              if (lastHighlight.cellIndex==getElement(lastHighlight,"TR").cells.length-1) {

 

                curCell = 0

 

                curRow = getElement(lastHighlight,"TR").rowIndex+1

 

                if (getElement(lastHighlight,"TR").rowIndex==itemCell.rows.length-1)

 

                  curRow = 0

 

              } else {

 

                curCell = lastHighlight.cellIndex+1

 

                curRow = getElement(lastHighlight,"TR").rowIndex

 

              }

 

            }

 

            doHighlight(itemCell.rows[curRow].cells[curCell])

 

            break;

 

         case 38: // up

 

            if (lastHighlight==null) {

 

              itemCell = menuActive._childItem

 

              curRow = itemCell.rows.length-1

 

              curCell= itemCell.rows[curRow].cells.length-1

 

 

 

            }

 

            else {

 

              itemCell = getRootTable(lastHighlight)

 

              if (lastHighlight.cellIndex==0) {

 

                curRow = getElement(lastHighlight,"TR").rowIndex-1

 

                if (curRow==-1)

 

                  curRow = itemCell.rows.length-1

 

                curCell= itemCell.rows[curRow].cells.length-1

 

 

 

              } else {

 

                curCell = lastHighlight.cellIndex - 1

 

                curRow = getElement(lastHighlight,"TR").rowIndex

 

              }

 

            }

 

            doHighlight(itemCell.rows[curRow].cells[curCell])

 

            break;

 

           if (lastHighlight==null) {

 

              curCell = menuActive._childItem

 

              curRow = curCell.rows.length-1

 

            }

 

            else {

 

              curCell = getRootTable(lastHighlight)

 

              if (getElement(lastHighlight,"TR").rowIndex==0)

 

                curRow = curCell.rows.length-1

 

              else

 

                curRow = getElement(lastHighlight,"TR").rowIndex-1

 

            }

 

            doHighlight(curCell.rows[curRow].cells[0])

 

            break;

 

        }

 

      }

 

    }

 

 

 

 

 

function make_menu() {

 

document.write("<table width='100%' cellpadding='0' cellspacing='0' border='0' style='background=rgb(212,208,200); BACKGROUND: buttonface; BORDER-BOTTOM: buttonshadow 1px solid; BORDER-LEFT: buttonhighlight 1px solid; BORDER-RIGHT: buttonshadow 1px solid; BORDER-TOP: buttonhighlight 1px solid;'>");

 

document.write("<tr><TD><SPAN class=handbtn></SPAN></TD><td>");

 

document.write("<TABLE ID=menuBar ONSELECTSTART='return false' ONCLICK='processClick()' ONMOUSEOVER='doHighlight(event.toElement)' ONMOUSEOUT='doCheckOut()' ONKEYDOWN='processKey()'><TR>");

 

 

 

       j=1;

 

       while(eval("window.OutBarFolder"+j))

 

              j++;

 

       i=1;

 

       while(i<j)

 

       {

 

              Folder=eval("OutBarFolder"+i)

 

        document.write("<TD NOWRAP CLASS=root>"+Folder[0]+"<TABLE CELLSPACING=0 CELLPADDING=0>");

 

              MakeItems(Folder);

 

        document.write("</TABLE>");

 

              i++;

 

       }

 

document.write("</TD></TR></TABLE>");

 

document.write("</td><td width=100% ONMOUSEOVER='processClick()'></td></tr></table>");

 

 

 

}

 

 

 

function MakeItems(Folder)

 

{

 

       var items=0;

 

       while(Folder[items+1])

 

              items+=5;

 

       items/=5;

 

       for(var i=1;i<items*5;i+=5)

 

       {

 

/*

 

              if(Folder[i+1]=="BREAK") {

 

                     document.write("<TD NOWRAP ID=break><HR></TD>");

 

              }

 

              else {

 

                     document.write("<TR><TD NOWRAP>"+Folder[i+1]+"</TD></TR>");

 

              }

 

*/

 

                     document.write("<TR><TD NOWRAP"+((Folder[i+0]=="none")?"":" ID='"+Folder[i+0]+"'")+((Folder[i+3]=="none")?"":" onclick=\"go(1,'"+Folder[i+3]+"')\"")+">"+((Folder[i+1]=="default")?"":"<font color="+Folder[i+1]+">")+Folder[i+2]+((Folder[i+1]=="default")?"":"</font>")+"</TD></TR>");

 

//alert("<TR><TD NOWRAP "+((Folder[i+0]=="none")?"":"ID='"+Folder[i+0]+"'")+((Folder[i+3]=="none")?"":" onclick=go(1,'"+Folder[i+3]+"')")+">"+((Folder[i+1]=="default")?"":"<font color="+Folder[i+1]+">")+Folder[i+2]+((Folder[i+1]=="default")?"":"</font>")+"</TD></TR>");

 

       }    

 

}

 

 

 

function go(i,iurl) {

 

       switch (i)

 

       {

 

              case 1 : parent.location=iurl;break; //返回首页

 

              case 2 : top.main.location='login.htm';break;  //登录

 

              case 3 : top.main.location='shenqing.htm';break;  //注册

 

              case 4 : top.main.location='addnew.asp';break;   //增加新贴

 

              case 5 : top.main.location='index1.asp';break;   //第一页

 

              case 6 : //上一页

 

                     var obj=top.main

 

                     var str=obj.location.href;      

 

                     if(str.indexOf("index1")>0)

 

                            obj.location="index1.asp@page="+obj.document.all("ppage").value;

 

                     else

 

                            obj.location="index1.asp";

 

                     break;  

 

              case 7 : //下一页

 

                     var obj=top.main

 

                     var str=obj.location.href;      

 

                     if(str.indexOf("index1")>0)

 

                            obj.location="index1.asp@page="+obj.document.all("npage").value;

 

                     else

 

                            obj.location="index1.asp";

 

                     break;  

 

              case 8 :  //最后一页

 

                     var obj=top.main

 

                     var str=obj.location.href;      

 

                     if(str.indexOf("index1")>0)

 

                            obj.location="index1.asp@page="+obj.document.all("epage").value;

 

                     else

 

                            obj.location="index1.asp";

 

                     break;  

 

              case 9: top.main.location='editinfo.asp';break;

 

              case 10: top.main.location='quit.asp';break;

 

              case 11: top.main.location='userinfo.asp';break;                 

 

              case 12:

 

                     var newwin=top.open("../../../../waha.3322.net/default.htm");

 

                     newwin.focus();

 

                     break;

 

       }

 

}

 

 

 

make_menu();

 

</script>

 

0 Comments

Sun

01

Mar

2009

115、导航条显示完全版

115、导航条显示完全版

脚本说明:

把如下代码加入<body>区域中

<script type='text/javascript'>

function Go(){return}

 

</script>

<script type='text/javascript'>

       var NoOffFirstLineMenus=5;               // Number of first level items

       var LowBgColor='white';                     // Background color when mouse is not over

       var LowSubBgColor='white';               // Background color when mouse is not over on subs

       var HighBgColor='black';                    // Background color when mouse is over

       var HighSubBgColor='black';               // Background color when mouse is over on subs

       var FontLowColor='black';                  // Font color when mouse is not over

       var FontSubLowColor='black';                    // Font color subs when mouse is not over

       var FontHighColor='white';                 // Font color when mouse is over

       var FontSubHighColor='white';                   // Font color subs when mouse is over

       var BorderColor='black';                     // Border color

       var BorderSubColor='black';                // Border color for subs

       var BorderWidth=1;                            // Border width

       var BorderBtwnElmnts=1;                   // Border between elements 1 or 0

       var FontFamily="arial,comic sans ms,technical"  // Font family menu items

       var FontSize=9;                          // Font size menu items

       var FontBold=1;                          // Bold menu items 1 or 0

       var FontItalic=0;                         // Italic menu items 1 or 0

       var MenuTextCentered='left';               // Item text position 'left', 'center' or 'right'

       var MenuCentered='center';                  // Menu horizontal position 'left', 'center' or 'right'

       var MenuVerticalCentered='top';           // Menu vertical position 'top', 'middle' or 'bottom'

       var ChildOverlap=.2;                          // horizontal overlap child/ parent

       var ChildVerticalOverlap=.2;               // vertical overlap child/ parent

       var StartTop=0;                           // Menu offset x coordinate

       var StartLeft=0;                          // Menu offset y coordinate

       var VerCorrect=0;                        // Multiple frames y correction

       var HorCorrect=0;                       // Multiple frames x correction

       var LeftPaddng=3;                       // Left padding

       var TopPaddng=2;                       // Top padding

       var FirstLineHorizontal=1;                  // First level items layout horizontal 1 or 0

       var MenuFramesVertical=1;                 // Frames in cols or rows 1 or 0

       var DissapearDelay=1000;                   // delay before menu folds in

       var TakeOverBgColor=1;                    // Menu frame takes over background color subitem frame

       var FirstLineFrame='navig';                 // Frame where first level appears

       var SecLineFrame='space';                   // Frame where sub levels appear

       var DocTargetFrame='space';                // Frame where target documents appear

       var TargetLoc='';                          // DIV id for relative positioning (refer to config.htm for info)

       var HideTop=0;                           // Hide first level when loading new document 1 or 0

       var MenuWrap=1;                       // enables/ disables menu wrap 1 or 0

       var RightToLeft=0;                      // enables/ disables right to left unfold 1 or 0

       var UnfoldsOnClick=0;                // Level 1 unfolds onclick/ onmouseover

       var WebMasterCheck=0;                     // menu tree checking on or off 1 or 0

 

function BeforeStart(){return}

function AfterBuild(){return}

function BeforeFirstOpen(){return}

function AfterCloseAll(){return}

 

// Menu tree

//     MenuX=new Array(Text to show, Link, background image (optional), number of sub elements, height, width);

//     For rollover images set "Text to show" to:  "rollover:Image1.jpg:Image2.jpg"

 

// Menu tree

//     MenuX=new Array(Text to show, Link, background image (optional), number of sub elements, height, width);

//     For rollover images set "Text to show" to:  "rollover:Image1.jpg:Image2.jpg"

 

Menu1=new Array("网页特效代码","http://www.7stk.com","",0,20,138);

 

Menu2=new Array("精彩网页分享","http://www.7stk.com/fine/index.htm","",2);

       Menu2_1=new Array("普通类","#","",5,20,150);      

              Menu2_1_1=new Array("CNN","http://www.cnn.com","",0,20,150);

              Menu2_1_2=new Array("ABCNews","http://www.abcnews.com","",0);

              Menu2_1_3=new Array("MSNBC","http://www.msnbc.com","",0);

                Menu2_1_4=new Array("CBSNews","http://www.cbsnews.com","",0);

                Menu2_1_5=new Array("Canadian News","http://news.bbc.co.uk","",2);

                          Menu2_1_5_1=new Array("Vancouver Sun","http://www.vancouversun.com","",0,20,150);

                          Menu2_1_5_2=new Array("CTV News","http://www.ctvnews.com","",0);

       Menu2_2=new Array("天气预报代码","http://www.7stk.com/1/index06.htm","",3);

              Menu2_2_1=new Array("TechWeb","http://www.techweb.com","",0,20,200);

              Menu2_2_2=new Array("News.com","http://www.news.com","",0);

              Menu2_2_3=new Array("Wired News","http://www.wired.com","",0);

 

Menu3=new Array("搜索引擎","#","",3);

       Menu3_1=new Array("Altavista","http://www.altavista.com","",0,20,150);

       Menu3_2=new Array("Google","http://www.google.com","",0);

       Menu3_3=new Array("Yahoo","http://www.yahoo.com","",0);

 

Menu4=new Array("建站类站点","#","",4);

       Menu4_1=new Array("Dynamic Drive","http://www.dynamicdrive.com","",0,20,180);

       Menu4_2=new Array("Website Abstraction","http://www.google.com","",0);

       Menu4_3=new Array("Freewarejava","http://www.freewarejava.com","",0);

       Menu4_4=new Array("Web Review","http://www.webreview.com","",0);

 

Menu5=new Array("音乐电台代码","javascript:top.location.href='http://www.7stk.com/radio/radio.htm'","",1);

       Menu5_1=new Array("Author\'s Site","http://www.burmees.nl/","",0,20,140);

 

 

 

</script>

<script type='text/javascript'>

var domaincheck=window.location.toString()

 

/*********************************************************************************************************************************************

*     (c) Ger Versluis 2000 version 5 9 October 2001                                      *

*     You may use this script on non commercial sites.                                    *

*     For info write to menus@burmees.nl                                              *

*       This script featured on Dynamic Drive DHTML code library: http://www.dynamicdrive.com

**********************************************************************************************************************************************/

 

// Gobal variables  

 

       var AgntUsr=navigator.userAgent.toLowerCase();

       var DomYes=(document.getElementById)?1:0;

       var NavYes=(AgntUsr.indexOf('mozilla')!=-1&&AgntUsr.indexOf('compatible')==-1)?1:0;

       var ExpYes=(AgntUsr.indexOf('msie')!=-1)?1:0;

       var Opr5=(AgntUsr.indexOf('opera 5')!=-1||AgntUsr.indexOf('opera/5')!=-1)?1:0;

       var DomNav=(DomYes&&NavYes)?1:0;

      var DomExp=(DomYes&&ExpYes)?1:0;

       var Nav4=(NavYes&&!DomYes&&document.layers)?1:0;

       var Exp4=(ExpYes&&!DomYes&&document.all)?1:0;

       var PosStrt=((NavYes||ExpYes)&&!Opr5)?1:0;

 

       var FrstLoc,ScLoc,DcLoc;

       var ScWinWdth,ScWinHght,FrstWinWdth,FrstWinHght;

       var ScLdAgainWin;

       var FirstColPos,SecColPos,DocColPos;

       var RcrsLvl=0;

       var FrstCreat=1,Loadd=0,Creatd=0,IniFlg,AcrssFrms=1;

       var FrstCntnr=null,CurrntOvr=null,CloseTmr=null;

       var CntrTxt,TxtClose,ImgStr;

       var Ztop=100;

       var ShwFlg=0;

       var M_StrtTp=StartTop,M_StrtLft=StartLeft;

       var LftXtra=(DomNav)?LeftPaddng:0;

       var TpXtra=(DomNav)?TopPaddng:0;

       var M_Hide=(Nav4)?'hide':'hidden';

       var M_Show=(Nav4)?'show':'visible';

       var Par=(parent.frames[0]&&FirstLineFrame!=SecLineFrame)?parent:window;

       var Doc=Par.document;

       var Bod=Doc.body;

       var Trigger=(NavYes)?Par:Bod;

 

       MenuTextCentered=(MenuTextCentered==1||MenuTextCentered=='center')?'center':(MenuTextCentered==0||MenuTextCentered!='right')?'left':'right';

       WbMstrAlrts=["No such frame: ","Item not defined: ","Item needs height: ","Item needs width: ","Item Oke ","Menu tree oke"];

 

       if(Trigger.onload)Dummy=Trigger.onload;

       if(DomNav&&!Opr5)Trigger.addEventListener('load',Go,false);else Trigger.onload=Go;

 

function Dummy(){return}          // Executes user onload when found

 

function CnclSlct(){return false}         // Prevents text select on menu items.

 

function RePos(){                // Repositions menu after resize IE and NS6

       var FrstCntnrStyle=(!Nav4)?FrstCntnr.style:FrstCntnr;

       FrstWinWdth=(ExpYes)?FrstLoc.document.body.clientWidth:FrstLoc.innerWidth;

       FrstWinHght=(ExpYes)?FrstLoc.document.body.clientHeight:FrstLoc.innerHeight;

       ScWinWdth=(ExpYes)?ScLoc.document.body.clientWidth:ScLoc.innerWidth;

       ScWinHght=(ExpYes)?ScLoc.document.body.clientHeight:ScLoc.innerHeight;

       if(TargetLoc)ClcTrgt();

       if(MenuCentered)ClcLft();

       if(MenuVerticalCentered)ClcTp();

       PosMenu(FrstCntnr,StartTop,StartLeft)}

 

function UnLoaded(){                  // Disables menu when document gets unloaded

       if(typeof(CloseTmr)!='undefined'&&CloseTmr)clearTimeout(CloseTmr);

       Loadd=0; Creatd=0;

       if(HideTop){

       var FCStyle=(Nav4)?FrstCntnr:FrstCntnr.style;

       FCStyle.visibility=M_Hide}}

 

function ReDoWhole(){        // Reloads after resize NS4 only

       if(ScWinWdth!=ScLoc.innerWidth||ScWinHght!=ScLoc.innerHeight||FrstWinWdth!=FrstLoc.innerWidth||FrstWinHght!=FrstLoc.innerHeight)

       Doc.location.reload()}

 

function Check(WMnu,NoOf){            // Checks menu tree

       var i,Hg,Wd,La,Li,Nof,array,ArrayLoc;

       ArrayLoc=(parent.frames[0])?parent.frames[FirstLineFrame]:self;

       for(i=0;i<NoOf;i++){

              array=WMnu+eval(i+1);

              if(!ArrayLoc[array]){WbMstrAlrt(1,array); return false}

              La=ArrayLoc[array][0]; Li=ArrayLoc[array][1]; Nof=ArrayLoc[array][3];

              if(i==0){ if(!ArrayLoc[array][4]){WbMstrAlrt(2,array); return false}

                     if(!ArrayLoc[array][5]){WbMstrAlrt(3,array); return false}}

                     Hg=ArrayLoc[array][4]; Wd=ArrayLoc[array][5];

              if(!WbMstrAlrt(4,'\n\n'+array+'\nwidth: '+Wd+'\nheight: '+Hg+'\nLabel: '+La+'\nLink: '+Li+'\nNo of sub items: '+Nof)){WebMasterCheck=0; return true}

              if(ArrayLoc[array][3])if(!Check(array+'_',ArrayLoc[array][3])) return false}

       return true}   

 

function WbMstrAlrt(No,Xtra){

       if(WebMasterCheck)return confirm(WbMstrAlrts[No]+Xtra+'   ')}

 

function Go(){                     // Main function

       Dummy();

       if(Loadd||!PosStrt)return;

       BeforeStart();

       Creatd=0; Loadd=1;

       status='Building menu';

       if(FrstCreat){

              if(FirstLineFrame =="" || !parent.frames[FirstLineFrame]){WbMstrAlrt(0,FirstLineFrame); FirstLineFrame=SecLineFrame}

              if(FirstLineFrame =="" || !parent.frames[FirstLineFrame]){WbMstrAlrt(0,SecLineFrame); FirstLineFrame=SecLineFrame=DocTargetFrame}

              if(FirstLineFrame =="" || !parent.frames[FirstLineFrame]){WbMstrAlrt(0,DocTargetFrame); FirstLineFrame=SecLineFrame=DocTargetFrame=''}

              if(SecLineFrame =="" || !parent.frames[SecLineFrame])SecLineFrame=DocTargetFrame;

              if(SecLineFrame =="" || !parent.frames[SecLineFrame])SecLineFrame=DocTargetFrame=FirstLineFrame;

              if(DocTargetFrame =="" || !parent.frames[DocTargetFrame])DocTargetFrame=SecLineFrame;

              if(WebMasterCheck){if(!Check('Menu',NoOffFirstLineMenus))return;else WbMstrAlrt(5,'')}

              FrstLoc=(FirstLineFrame!="")?parent.frames[FirstLineFrame]:window;

              ScLoc=(SecLineFrame!="")?parent.frames[SecLineFrame]:window;

              DcLoc=(DocTargetFrame!="")?parent.frames[DocTargetFrame]:window;

              if (FrstLoc==ScLoc) AcrssFrms=0;

              if (AcrssFrms)FirstLineHorizontal=(MenuFramesVertical)?0:1;

              FrstWinWdth=(ExpYes)?FrstLoc.document.body.clientWidth:FrstLoc.innerWidth;

              FrstWinHght=(ExpYes)?FrstLoc.document.body.clientHeight:FrstLoc.innerHeight;

              ScWinWdth=(ExpYes)?ScLoc.document.body.clientWidth:ScLoc.innerWidth;

              ScWinHght=(ExpYes)?ScLoc.document.body.clientHeight:ScLoc.innerHeight;

              if(Nav4){CntrTxt=(MenuTextCentered!='left')?"<div align='"+MenuTextCentered+"'>":"";TxtClose="</font>"+(MenuTextCentered!='left')?"</div>":""}}

       FirstColPos=(Nav4)?FrstLoc.document:FrstLoc.document.body;

       SecColPos=(Nav4)?ScLoc.document:ScLoc.document.body;

       DocColPos=(Nav4)?DcLoc.document:ScLoc.document.body;

       if (TakeOverBgColor)FirstColPos.bgColor=(AcrssFrms)?SecColPos.bgColor:DocColPos.bgColor;

       if(FrstCreat){FrstCntnr=CreateMenuStructure('Menu',NoOffFirstLineMenus);

       FrstCreat=(AcrssFrms)?0:1}

       else CreateMenuStructureAgain('Menu',NoOffFirstLineMenus);

              if(TargetLoc)ClcTrgt();

              if(MenuCentered) ClcLft();

              if(MenuVerticalCentered) ClcTp();

       PosMenu(FrstCntnr,StartTop,StartLeft);

       IniFlg=1;Initiate();Creatd=1;

       ScLdAgainWin=(ExpYes)?ScLoc.document.body:ScLoc;

       ScLdAgainWin.onunload=UnLoaded;

       //if(ExpYes)FrstLoc.document.body.onselectstart=CnclSlct;

       Trigger.onresize=(Nav4)?ReDoWhole:RePos;

       AfterBuild();

       status='Menu ready for use'}

 

function ClcTrgt(){                     // Calculates StartTop and Left when positioning is relative

       var TLoc=(Nav4)?FrstLoc.document.layers[TargetLoc]:(DomYes)?FrstLoc.document.getElementById(TargetLoc):FrstLoc.document.all[TargetLoc];

       StartTop=M_StrtTp; StartLeft=M_StrtLft;

       StartTop+=(Nav4)?TLoc.pageY:TLoc.offsetTop;

       StartLeft+=(Nav4)?TLoc.pageX:TLoc.offsetLeft}

 

function ClcLft(){                // Calculates StartTop and Left when menu is centered

       if(MenuCentered!='left'){

              var Size=FrstWinWdth-((!Nav4)?parseInt(FrstCntnr.style.width):FrstCntnr.clip.width);

              StartLeft=M_StrtLft;

              StartLeft+=(MenuCentered=='right')?Size:Size/2}}

 

function ClcTp(){                 // Calculates StartTop and Left when menu is centered

       if(MenuVerticalCentered!='top'){  

              var Size=FrstWinHght-((!Nav4)?parseInt(FrstCntnr.style.height):FrstCntnr.clip.height);

              StartTop=M_StrtTp;

              StartTop+=(MenuVerticalCentered=='bottom')?Size:Size/2}}

 

function PosMenu(CntnrPntr,Tp,Lt){    // Positions menu elements

       var Topi,Lefti,Hori;

       var Cntnr=CntnrPntr;

       var Mmbr=Cntnr.FrstMbr;

       var CntnrStyle=(!Nav4)?Cntnr.style:Cntnr;

       var MmbrStyle=(!Nav4)?Mmbr.style:Mmbr;

       var PadL=(Mmbr.value.indexOf('<')==-1)?LftXtra:0;

       var PadT=(Mmbr.value.indexOf('<')==-1)?TpXtra:0;

       var MmbrWt=(!Nav4)?parseInt(MmbrStyle.width)+PadL:MmbrStyle.clip.width;

       var MmbrHt=(!Nav4)?parseInt(MmbrStyle.height)+PadT:MmbrStyle.clip.height;

       var CntnrWt=(!Nav4)?parseInt(CntnrStyle.width):CntnrStyle.clip.width;

       var CntnrHt=(!Nav4)?parseInt(CntnrStyle.height):CntnrStyle.clip.height;

       var SubTp,SubLt;

       RcrsLvl++;

       if (RcrsLvl==1 && AcrssFrms)(!MenuFramesVertical)?Tp=FrstWinHght-CntnrHt+((Nav4)?4:0):Lt=(RightToLeft)?0:FrstWinWdth-CntnrWt+((Nav4)?4:0);

       if (RcrsLvl==2 && AcrssFrms)(!MenuFramesVertical)?Tp=0:Lt=(RightToLeft)?ScWinWdth-CntnrWt:0;

       if (RcrsLvl==2 && AcrssFrms){Tp+=VerCorrect;Lt+=HorCorrect}

       CntnrStyle.top=(RcrsLvl==1)?Tp:0;Cntnr.OrgTop=Tp;

       CntnrStyle.left=(RcrsLvl==1)?Lt:0;      Cntnr.OrgLeft=Lt;

       if (RcrsLvl==1 && FirstLineHorizontal){Hori=1; Lefti=CntnrWt-MmbrWt-2*BorderWidth;Topi=0}

       else{Hori=Lefti=0; Topi=CntnrHt-MmbrHt-2*BorderWidth}

       while(Mmbr!=null){

              PadL=(Mmbr.value.indexOf('<')==-1)?LftXtra:0;

              PadT=(Mmbr.value.indexOf('<')==-1)?TpXtra:0;

              MmbrStyle.left=Lefti+BorderWidth;

              MmbrStyle.top=Topi+BorderWidth;

              if(Nav4)Mmbr.CmdLyr.moveTo(Lefti+BorderWidth,Topi+BorderWidth);

              if(Mmbr.ChildCntnr){

                     if(RightToLeft)ChldCntnrWdth=(Nav4)?Mmbr.ChildCntnr.clip.width:parseInt(Mmbr.ChildCntnr.style.width);

                     if(Hori){ SubTp=Topi+MmbrHt+2*BorderWidth;

                            SubLt=(RightToLeft)?Lefti+MmbrWt-ChldCntnrWdth:Lefti}

                     else{       SubLt=(RightToLeft)?Lefti-ChldCntnrWdth+ChildOverlap*MmbrWt+BorderWidth:Lefti+(1-ChildOverlap)*MmbrWt+BorderWidth;

                            SubTp=(RcrsLvl==1&&AcrssFrms)?Topi:Topi+ChildVerticalOverlap*MmbrHt}

                     PosMenu(Mmbr.ChildCntnr,SubTp,SubLt)}

                     Mmbr=Mmbr.PrvMbr;

              if(Mmbr){      MmbrStyle=(!Nav4)?Mmbr.style:Mmbr;

                     MmbrWt=(!Nav4)?parseInt(MmbrStyle.width)+PadL:MmbrStyle.clip.width;

                     MmbrHt=(!Nav4)?parseInt(MmbrStyle.height)+PadT:MmbrStyle.clip.height;

                     (Hori)?Lefti-=(BorderBtwnElmnts)?(MmbrWt+BorderWidth):(MmbrWt):Topi-=(BorderBtwnElmnts)?(MmbrHt+BorderWidth):(MmbrHt)}}

       RcrsLvl--}

 

function Initiate(){               // Resets menu's visiblity

       if(IniFlg){Init(FrstCntnr);IniFlg=0;if(ShwFlg)AfterCloseAll();ShwFlg=0}}

 

function Init(CntnrPntr){

       var Mmbr=CntnrPntr.FrstMbr;

       var MCStyle=(Nav4)?CntnrPntr:CntnrPntr.style;

       RcrsLvl++;

       MCStyle.visibility=(RcrsLvl==1)?M_Show:M_Hide;

       CntnrPntr.Sflg=(RcrsLvl==1)?1:0;

       while(Mmbr!=null){

              if(Mmbr.ChildCntnr) Init(Mmbr.ChildCntnr);

              Mmbr=Mmbr.PrvMbr}

       RcrsLvl--}

 

function ClearAllChilds(Pntr,ChldPntr){      // Hides no longer wanted elements

       var CPCCStyle;

       while (Pntr){

              if(Pntr.ChildCntnr&&Pntr.ChildCntnr.Sflg){

                     CPCCStyle=(Nav4)?Pntr.ChildCntnr:Pntr.ChildCntnr.style;

                     if(Pntr.ChildCntnr!=ChldPntr){CPCCStyle.visibility=M_Hide;Pntr.ChildCntnr.Sflg=0}

                     ClearAllChilds(Pntr.ChildCntnr.FrstMbr,ChldPntr)}

              Pntr=Pntr.PrvMbr}}     

 

function GoTo(){                 // Triggered by mouse click

       if(this.LinkTxt){

              status='';

              if(Nav4){if(this.LowLyr.LoBck)this.LowLyr.bgColor=this.LowLyr.LoBck;if(this.LowLyr.value.indexOf('<img')==-1){this.LowLyr.document.write(this.LowLyr.value);this.LowLyr.document.close()}}

              else{if(this.LoBck)this.style.backgroundColor=this.LoBck; if(this.LwFntClr)this.style.color=this.LwFntClr}

              (this.LinkTxt.indexOf('javascript:')!=-1)?eval(this.LinkTxt):DcLoc.location.href=this.LinkTxt}}

 

function OpenMenu(){                 // Triggered by mouse over

       if(!Loadd||!Creatd) return;

       var TpScrlld=(ExpYes)?ScLoc.document.body.scrollTop:ScLoc.pageYOffset;

       var LScrlld=(ExpYes)?ScLoc.document.body.scrollLeft:ScLoc.pageXOffset;

       var CCnt=(Nav4)?this.LowLyr.ChildCntnr:this.ChildCntnr;

       var ThisHt=(Nav4)?this.clip.height:parseInt(this.style.height);

       var ThisWt=(Nav4)?this.clip.width:parseInt(this.style.width);

       var ThisLft=(AcrssFrms&&this.Level==1&&!FirstLineHorizontal)?0:(Nav4)?this.Container.left:parseInt(this.Container.style.left);

       var ThisTp=(AcrssFrms&&this.Level==1&&FirstLineHorizontal)?0:(Nav4)?this.Container.top:parseInt(this.Container.style.top);

       var CRoll=(Nav4)?this.LowLyr.ro:this.ro;

       CurrntOvr=this; IniFlg=0;

       ClearAllChilds(this.Container.FrstMbr,CCnt);

       if(CRoll){      if(Nav4)this.LowLyr.document.images[this.LowLyr.rid].src=this.LowLyr.ri2;

              else {var Lc=(this.Level==1)?FrstLoc:ScLoc;Lc.document.images[this.rid].src=this.ri2}}

       else{       if(Nav4){if(this.LowLyr.HiBck)this.LowLyr.bgColor=this.LowLyr.HiBck;if(this.LowLyr.value.indexOf('<img')==-1){this.LowLyr.document.write(this.LowLyr.Ovalue);this.LowLyr.document.close()}}

              else{if(this.HiBck)this.style.backgroundColor=this.HiBck;if(this.HiFntClr)this.style.color=this.HiFntClr}}

       if(CCnt!=null){

              if(!ShwFlg){ShwFlg=1;BeforeFirstOpen()}

              CCnt.Sflg=1;

              var CCW=(Nav4)?this.LowLyr.ChildCntnr.clip.width:parseInt(this.ChildCntnr.style.width);

              var CCH=(Nav4)?this.LowLyr.ChildCntnr.clip.height:parseInt(this.ChildCntnr.style.height);

              var ChCntTL=(Nav4)?this.LowLyr.ChildCntnr:this.ChildCntnr.style;

              var SubLt=(AcrssFrms&&this.Level==1)?CCnt.OrgLeft+ThisLft+LScrlld:CCnt.OrgLeft+ThisLft;

              var SubTp=(AcrssFrms&&this.Level==1)?CCnt.OrgTop+ThisTp+TpScrlld:CCnt.OrgTop+ThisTp;

              if(MenuWrap){

                     if(RightToLeft){if(SubLt<LScrlld)SubLt=(this.Level==1)?LScrlld:SubLt+(CCW+(1-2*ChildOverlap)*ThisWt);

                            if(SubLt+CCW>ScWinWdth+LScrlld)SubLt=ScWinWdth+LScrlld-CCW}

                     else{       if(SubLt+CCW>ScWinWdth+LScrlld)SubLt=(this.Level==1)?ScWinWdth+LScrlld-CCW:SubLt-(CCW+(1-2*ChildOverlap)*ThisWt);

                            if(SubLt<LScrlld)SubLt=LScrlld}

                     if(SubTp+CCH>TpScrlld+ScWinHght)SubTp=(this.Level==1)?SubTp=TpScrlld+ScWinHght-CCH:SubTp-CCH+(1-2*ChildVerticalOverlap)*ThisHt;

                     if(SubTp<TpScrlld)SubTp=TpScrlld}

              ChCntTL.top=SubTp;ChCntTL.left=SubLt;ChCntTL.visibility=M_Show}

       status=this.LinkTxt}     

 

function OpenMenuClick(){                // Triggered by mouse over

       if(!Loadd||!Creatd) return;

       var CCnt=(Nav4)?this.LowLyr.ChildCntnr:this.ChildCntnr;

       var CRoll=(Nav4)?this.LowLyr.ro:this.ro;

       CurrntOvr=this; IniFlg=0;

       ClearAllChilds(this.Container.FrstMbr,CCnt);

       if(CRoll){      if(Nav4)this.LowLyr.document.images[this.LowLyr.rid].src=this.LowLyr.ri2;

              else {var Lc=(this.Level==1)?FrstLoc:ScLoc;Lc.document.images[this.rid].src=this.ri2}}

       else{       if(Nav4){if(this.LowLyr.HiBck)this.LowLyr.bgColor=this.LowLyr.HiBck;if(this.LowLyr.value.indexOf('<img')==-1){this.LowLyr.document.write(this.LowLyr.Ovalue);this.LowLyr.document.close()}}

              else{if(this.HiBck)this.style.backgroundColor=this.HiBck;if(this.HiFntClr)this.style.color=this.HiFntClr}}

       status=this.LinkTxt}     

 

function CloseMenu(){         // Triggered by mouse out

       if(!Loadd||!Creatd) return;

       var CRoll=(Nav4)?this.LowLyr.ro:this.ro;

       if(CRoll){      if(Nav4)this.LowLyr.document.images[this.LowLyr.rid].src=this.LowLyr.ri1;

              else {var Lc=(this.Level==1)?FrstLoc:ScLoc;Lc.document.images[this.rid].src=this.ri1}}

       else{       if(Nav4){if(this.LowLyr.LoBck)this.LowLyr.bgColor=this.LowLyr.LoBck;if(this.LowLyr.value.indexOf('<img')==-1){this.LowLyr.document.write(this.LowLyr.value);this.LowLyr.document.close()}}

              else{if(this.LoBck)this.style.backgroundColor=this.LoBck;if(this.LwFntClr)this.style.color=this.LwFntClr}}

       status='';

       if(this==CurrntOvr){IniFlg=1;if (CloseTmr) clearTimeout(CloseTmr);CloseTmr=setTimeout('Initiate(CurrntOvr)',DissapearDelay)}}

 

function CntnrSetUp(Wdth,Hght,NoOff){   // Sets up layer that holds group of elements

       var x=(RcrsLvl==1)?BorderColor:BorderSubColor;

       this.FrstMbr=null;

       this.OrgLeft=this.OrgTop=0;

       this.Sflg=0;

       if(x)this.bgColor=x;

       if(Nav4){this.visibility='hide';this.resizeTo(Wdth,Hght)}

       else{if(x)this.style.backgroundColor=x;

              this.style.width=Wdth;

              this.style.height=Hght;

              this.style.fontFamily=FontFamily;

              this.style.fontWeight=(FontBold)?'bold':'normal';

              this.style.fontStyle=(FontItalic)?'italic':'normal';

              this.style.fontSize=FontSize+'pt';

              this.style.zIndex=RcrsLvl+Ztop}}

 

function MbrSetUp(MmbrCntnr,PrMmbr,WhatMenu,Wdth,Hght){ // Sets up element IE & NS6

       var Location=(RcrsLvl==1)?FrstLoc:ScLoc;

       var MemVal=eval(WhatMenu+'[0]');

       var t,T,L,W,H,S;

       var a,b,c,d;

       this.PrvMbr=PrMmbr;

       this.Level=RcrsLvl;

       this.LinkTxt=eval(WhatMenu+'[1]');

       this.Container=MmbrCntnr;

       this.ChildCntnr=null;

       this.style.overflow='hidden';

       this.style.cursor=(ExpYes&&(this.LinkTxt||(RcrsLvl==1&&UnfoldsOnClick)))?'hand':'default';

       this.ro=0;

       if(MemVal.indexOf('rollover')!=-1){

              this.ro=1;this.ri1=MemVal.substring(MemVal.indexOf(':')+1,MemVal.lastIndexOf(':'));

              this.ri2=MemVal.substring(MemVal.lastIndexOf(':')+1,MemVal.length);

              this.rid=WhatMenu+'i';MemVal="<img src='"+this.ri1+"' name='"+this.rid+"'>"}

       this.value=MemVal;

       if(RcrsLvl==1){a=LowBgColor; b=HighBgColor; c=FontLowColor; d=FontHighColor}

       else {a=LowSubBgColor; b=HighSubBgColor; c=FontSubLowColor; d=FontSubHighColor}

       this.LoBck=a;

       this.LwFntClr=c;

       this.HiBck=b;

       this.HiFntClr=d;

       this.style.color=this.LwFntClr;

       if(this.LoBck)this.style.backgroundColor=this.LoBck;

       this.style.textAlign=MenuTextCentered;

       if(eval(WhatMenu+'[2]'))this.style.backgroundImage="url(\'"+eval(WhatMenu+'[2]')+"\')";

       if(MemVal.indexOf('<')==-1){this.style.width=Wdth-LftXtra;this.style.height=Hght-TpXtra;

              this.style.paddingLeft=LeftPaddng;this.style.paddingTop=TopPaddng}

       else{       this.style.width=Wdth; this.style.height=Hght}

       if(MemVal.indexOf('<')==-1&&DomYes){t=Location.document.createTextNode(MemVal);this.appendChild(t)}

       else this.innerHTML=MemVal;

       if(eval(WhatMenu+'[3]')){

              S=(RcrsLvl==1&&FirstLineHorizontal)?'tridown.gif':(RightToLeft)?'trileft.gif':'tri.gif';

              W=(RcrsLvl==1&&FirstLineHorizontal)?10:5;

              H=(RcrsLvl==1&&FirstLineHorizontal)?5:10;

              T=(RcrsLvl==1&&FirstLineHorizontal)?Hght-7:Hght/2-5;

              L=(RcrsLvl==1&&FirstLineHorizontal)?Wdth-12:Wdth-7;

              if(DomYes){t=Location.document.createElement('img'); this.appendChild(t); t.style.position='absolute'; t.src=S; t.style.width=W; t.style.height=H; t.style.top=T; t.style.left=L}

              else{MemVal+="<div style='position:absolute; top:"+T+"; left:"+L+"; width:"+W+"; height:"+H+";visibility:inherit'><img src='"+S+"'></div>"; this.innerHTML=MemVal}}

       if(ExpYes){

              this.onmouseover=(RcrsLvl==1&&UnfoldsOnClick)?OpenMenuClick:OpenMenu;

              this.onmouseout=CloseMenu;

              this.onclick=(RcrsLvl==1&&UnfoldsOnClick&&eval(WhatMenu+'[3]'))?OpenMenu:GoTo}

       else{

              (RcrsLvl==1&&UnfoldsOnClick)?this.addEventListener('mouseover',OpenMenuClick,false):this.addEventListener('mouseover',OpenMenu,false);

              this.addEventListener('mouseout',CloseMenu,false);

              (RcrsLvl==1&&UnfoldsOnClick&&eval(WhatMenu+'[3]'))?this.addEventListener('click',OpenMenu,false):this.addEventListener('click',GoTo,false)}}

 

function NavMbrSetUp(MmbrCntnr,PrMmbr,WhatMenu,Wdth,Hght){ // Sets up element IE & NS6

       var a,b,c,d;

       if(RcrsLvl==1){a=LowBgColor; b=HighBgColor; c=FontLowColor; d=FontHighColor}

       else {a=LowSubBgColor; b=HighSubBgColor; c=FontSubLowColor; d=FontSubHighColor}

       this.value=eval(WhatMenu+'[0]');

       this.ro=0;

       if(this.value.indexOf('rollover')!=-1){

              this.ro=1;this.ri1=this.value.substring(this.value.indexOf(':')+1,this.value.lastIndexOf(':'));

              this.ri2=this.value.substring(this.value.lastIndexOf(':')+1,this.value.length);

              this.rid=WhatMenu+'i';this.value="<img src='"+this.ri1+"' name='"+this.rid+"'>"}

       if(LeftPaddng&&this.value.indexOf('<')==-1&&MenuTextCentered=='left')this.value=' \;'+this.value;

       if(FontBold)this.value=this.value.bold();

       if(FontItalic)this.value=this.value.italics();

       this.Ovalue=this.value;

       this.value=this.value.fontcolor(c);

       this.Ovalue=this.Ovalue.fontcolor(d);

       this.value=CntrTxt+"<font face='"+FontFamily+"' point-size='"+FontSize+"'>"+this.value+TxtClose;

       this.Ovalue=CntrTxt+"<font face='"+FontFamily+"' point-size='"+FontSize+"'>"+this.Ovalue+TxtClose;

       this.LoBck=a;

       this.HiBck=b;

       this.ChildCntnr=null;

       this.PrvMbr=PrMmbr;

       this.visibility='inherit';

       if(this.LoBck)this.bgColor=this.LoBck;

       this.resizeTo(Wdth,Hght);

       if(!AcrssFrms&&eval(WhatMenu+'[2]'))this.background.src=eval(WhatMenu+'[2]');

       this.document.write(this.value);

       this.document.close();

       this.CmdLyr=new Layer(Wdth,MmbrCntnr);

       this.CmdLyr.Level=RcrsLvl;

       this.CmdLyr.LinkTxt=eval(WhatMenu+'[1]');

       this.CmdLyr.visibility='inherit';

       this.CmdLyr.onmouseover=(RcrsLvl==1&&UnfoldsOnClick)?OpenMenuClick:OpenMenu;

       this.CmdLyr.onmouseout=CloseMenu;

       this.CmdLyr.captureEvents(Event.MOUSEUP);

       this.CmdLyr.onmouseup=(RcrsLvl==1&&UnfoldsOnClick&&eval(WhatMenu+'[3]'))?OpenMenu:GoTo;

       this.CmdLyr.LowLyr=this;

       this.CmdLyr.resizeTo(Wdth,Hght);

       this.CmdLyr.Container=MmbrCntnr;

       if(eval(WhatMenu+'[3]')){

              this.CmdLyr.ImgLyr=new Layer(10,this.CmdLyr);

              this.CmdLyr.ImgLyr.visibility='inherit';

              this.CmdLyr.ImgLyr.top=(RcrsLvl==1&&FirstLineHorizontal)?Hght-7:Hght/2-5;

              this.CmdLyr.ImgLyr.left=(RcrsLvl==1&&FirstLineHorizontal)?Wdth-12:Wdth-7;

              this.CmdLyr.ImgLyr.width=(RcrsLvl==1&&FirstLineHorizontal)?10:5;

              this.CmdLyr.ImgLyr.height=(RcrsLvl==1&&FirstLineHorizontal)?5:10;

              ImgStr=(RcrsLvl==1&&FirstLineHorizontal)?"<img src='tridown.gif'>":(RightToLeft)?"<img src='trileft.gif'>":"<img src='tri.gif'>";

              this.CmdLyr.ImgLyr.document.write(ImgStr);

              this.CmdLyr.ImgLyr.document.close()}}

 

function CreateMenuStructure(MName,NumberOf){

       RcrsLvl++;

       var i,NoOffSubs,Mbr,Wdth=0,Hght=0;

       var PrvMmbr=null;

       var WMnu=MName+'1';

       var MenuWidth=eval(WMnu+'[5]');

       var MenuHeight=eval(WMnu+'[4]');

       var Location=(RcrsLvl==1)?FrstLoc:ScLoc;

       if (RcrsLvl==1&&FirstLineHorizontal){

              for(i=1;i<NumberOf+1;i++){WMnu=MName+eval(i);Wdth=(eval(WMnu+'[5]'))?Wdth+eval(WMnu+'[5]'):Wdth+MenuWidth}

              Wdth=(BorderBtwnElmnts)?Wdth+(NumberOf+1)*BorderWidth:Wdth+2*BorderWidth;Hght=MenuHeight+2*BorderWidth}

       else{       for(i=1;i<NumberOf+1;i++){WMnu=MName+eval(i);Hght=(eval(WMnu+'[4]'))?Hght+eval(WMnu+'[4]'):Hght+MenuHeight}

              Hght=(BorderBtwnElmnts)?Hght+(NumberOf+1)*BorderWidth:Hght+2*BorderWidth;Wdth=MenuWidth+2*BorderWidth}

       if(DomYes){

              var MmbrCntnr=Location.document.createElement("div");

              MmbrCntnr.style.position='absolute';

              MmbrCntnr.style.visibility='hidden';

              Location.document.body.appendChild(MmbrCntnr)}

       else  if(Nav4) var MmbrCntnr=new Layer(Wdth,Location)

              else{       WMnu+='c';

                     Location.document.body.insertAdjacentHTML("AfterBegin","<div id='"+WMnu+"' style='visibility:hidden; position:absolute;'><\/div>");

                     var MmbrCntnr=Location.document.all[WMnu]}

       MmbrCntnr.SetUp=CntnrSetUp;

       MmbrCntnr.SetUp(Wdth,Hght,NumberOf);

       if(Exp4){       MmbrCntnr.InnerString='';

              for(i=1;i<NumberOf+1;i++){

                     WMnu=MName+eval(i);

                     MmbrCntnr.InnerString+="<div id='"+WMnu+"' style='position:absolute;'><\/div>"}

              MmbrCntnr.innerHTML=MmbrCntnr.InnerString}

       for(i=1;i<NumberOf+1;i++){

              WMnu=MName+eval(i);

              NoOffSubs=eval(WMnu+'[3]');

              Wdth=(RcrsLvl==1&&FirstLineHorizontal)?(eval(WMnu+'[5]'))?eval(WMnu+'[5]'):MenuWidth:MenuWidth;

              Hght=(RcrsLvl==1&&FirstLineHorizontal)?MenuHeight:(eval(WMnu+'[4]'))?eval(WMnu+'[4]'):MenuHeight;

              if(DomYes){Mbr=Location.document.createElement("div");

                     Mbr.style.position='absolute';

                     Mbr.style.visibility='inherit';

                     MmbrCntnr.appendChild(Mbr)}

              else Mbr=(Nav4)?new Layer(Wdth,MmbrCntnr):Location.document.all[WMnu];

              Mbr.SetUp=(Nav4)?NavMbrSetUp:MbrSetUp;

              Mbr.SetUp(MmbrCntnr,PrvMmbr,WMnu,Wdth,Hght);

              if(NoOffSubs) Mbr.ChildCntnr=CreateMenuStructure(WMnu+'_',NoOffSubs);

              PrvMmbr=Mbr}

       MmbrCntnr.FrstMbr=Mbr;

       RcrsLvl--;

       return(MmbrCntnr)}

 

function CreateMenuStructureAgain(MName,NumberOf){

       var i,WMnu,NoOffSubs;

       var PrvMmbr,Mbr=FrstCntnr.FrstMbr;

       RcrsLvl++;

       for(i=NumberOf;i>0;i--){

              WMnu=MName+eval(i);

              NoOffSubs=eval(WMnu+'[3]');

              PrvMmbr=Mbr;

              if(NoOffSubs)Mbr.ChildCntnr=CreateMenuStructure(WMnu+'_',NoOffSubs);

              Mbr=Mbr.PrvMbr}

       RcrsLvl--}

</script>

 

1 Comments

Sun

01

Mar

2009

114、iframe间的链接变换

114iframe间的链接变换

脚本说明:

把如下代码加入<body>区域中

<iframe id=aa width=130 height=150 src=aa.htm></iframe>

<iframe id=bb width=200 height=150 src="http://www.jsinfo.net"></iframe>

0 Comments

Sun

01

Mar

2009

113、立体的导航条

113、立体的导航条

脚本说明:

把如下代码加入<body>区域中

<style>

.menulines{

border:2.5px solid #F0F0F0;

}

 

.menulines a{

text-decoration:none;

color:black;

}

</style>

 

<script language="JavaScript1.2">

 

function over_effect(e,state){

if (document.all)

source4=event.srcElement

else if (document.getElementById)

source4=e.target

if (source4.className=="menulines")

source4.style.borderStyle=state

else{

while(source4.tagName!="TABLE"){

source4=document.getElementById? source4.parentNode : source4.parentElement

if (source4.className=="menulines")

source4.style.borderStyle=state

}

}

}

 

</script>

<table border="0" width="100" cellspacing="0" cellpadding="0" onMouseover="over_effect(event,'outset')" onMouseout="over_effect(event,'solid')" onMousedown="over_effect(event,'inset')" onMouseup="over_effect(event,'outset')" style="background-color:#F0F0F0">

 

<tr><td width="100%" bgcolor="#E6E6E6"><font face="Arial" size="3"><b>菜单</b></font></td></tr>

 

<tr><td width="100%" class="menulines"><font face="Arial" size="2"><a href="http://www.7stk.com/">网页特效代码</a></font></td></tr>

 

<tr><td width="100%" class="menulines"><font face="Arial" size="2"><a href="http://www.7stk.com/fine/index.htm">精彩网页分享</a> </font></td></tr>

 

<tr><td width="100%" class="menulines"><font face="Arial" size="2"><a href="http://www.7stk.com/radio/radio.htm">音乐电台代码</a> </font></td></tr>

 

<tr><td width="100%" class="menulines"><font face="Arial" size="2"><a href="http://www.7stk.com/caidan/caidan.htm">菜单特效代码</a></font></td></tr>

 

<tr><td width="100%" class="menulines"><font face="Arial" size="2"><a href="http://www.7stk.com/1/index06.htm">天气预报代码</a> </font></td></tr>

</table>

 

0 Comments

Sun

01

Mar

2009

111、滚动导航条

111、滚动导航条

脚本说明:

把如下代码加入<body>区域中:

<style type="text/css">

#divMenu a       {color:#999999; text-decoration:underline;}

#divMenu a:hover {color:#333333; text-decoration:underline;}

 

#divBg           {position:absolute; z-index:10; width:2000px; left:0px; height:100px; clip:rect(0px 10px 10px 0px); visibility:hidden;}

#divMenu         {position:absolute; z-index:11; left:11px; top:1px; color:#333333; font-size:13px; font-family:verdana,arial,helvetica,sans-serif; visibility:inherit;}

#divArrowLeft    {position:absolute; z-index:12; width:11px; height:20px; left:0px; top:0px; visibility:inherit;}

#divArrowRight   {position:absolute; z-index:12; width:11px; height:20px; top:0px; visibility:inherit;}

</style>

<script language="JavaScript" type="text/javascript">

 

function lib_bwcheck(){ //Browsercheck (needed)

       this.ver=navigator.appVersion

       this.agent=navigator.userAgent

       this.dom=document.getElementById?1:0

       this.opera5=this.agent.indexOf("Opera 5")>-1

       this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom && !this.opera5)?1:0;

       this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom && !this.opera5)?1:0;

       this.ie4=(document.all && !this.dom && !this.opera5)?1:0;

       this.ie=this.ie4||this.ie5||this.ie6

       this.mac=this.agent.indexOf("Mac")>-1

       this.ns6=(this.dom && parseInt(this.ver) >= 5) ?1:0;

       this.ns4=(document.layers && !this.dom)?1:0;

       this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.opera5)

       return this

}

var bw=new lib_bwcheck()

sLeft = 0         //The left placement of the menu

sTop = 120        //The top placement of the menu

sMenuheight = 30  //The height of the menu

sArrowwidth = 11  //Width of the arrows

sScrollspeed = 20 //Scroll speed: (in milliseconds, change this one and the next variable to change the speed)

sScrollPx = 8     //Pixels to scroll per timeout.

sScrollExtra = 15 //Extra speed to scroll onmousedown (pixels)

 

/**************************************************************************

Scrolling functions

***************************************************************************/

var tim = 0

var noScroll = true

function mLeft(){

       if (!noScroll && oMenu.x<sArrowwidth){

              oMenu.moveBy(sScrollPx,0)

              tim = setTimeout("mLeft()",sScrollspeed)

       }

}

function mRight(){

       if (!noScroll && oMenu.x>-(oMenu.scrollWidth-(pageWidth))-sArrowwidth){

              oMenu.moveBy(-sScrollPx,0)

              tim = setTimeout("mRight()",sScrollspeed)

       }

}

function noMove(){

       clearTimeout(tim);

       noScroll = true;

       sScrollPx = sScrollPxOriginal;

}

/**************************************************************************

Object part

***************************************************************************/

function makeObj(obj,nest,menu){

       nest = (!nest) ? "":'document.'+nest+'.';

       this.elm = bw.ns4?eval(nest+"document.layers." +obj):bw.ie4?document.all[obj]:document.getElementById(obj);

     this.css = bw.ns4?this.elm:this.elm.style;

       this.scrollWidth = bw.ns4?this.css.document.width:this.elm.offsetWidth;

       this.x = bw.ns4?this.css.left:this.elm.offsetLeft;

       this.y = bw.ns4?this.css.top:this.elm.offsetTop;

       this.moveBy = b_moveBy;

       this.moveIt = b_moveIt;

       this.clipTo = b_clipTo;

       return this;

}

var px = bw.ns4||window.opera?"":"px";

function b_moveIt(x,y){

       if (x!=null){this.x=x; this.css.left=this.x+px;}

       if (y!=null){this.y=y; this.css.top=this.y+px;}

}

function b_moveBy(x,y){this.x=this.x+x; this.y=this.y+y; this.css.left=this.x+px; this.css.top=this.y+px;}

function b_clipTo(t,r,b,l){

       if(bw.ns4){this.css.clip.top=t; this.css.clip.right=r; this.css.clip.bottom=b; this.css.clip.left=l;}

       else this.css.clip="rect("+t+"px "+r+"px "+b+"px "+l+"px)";

}

/**************************************************************************

Object part end

***************************************************************************/

 

/**************************************************************************

Init function. Set the placements of the objects here.

***************************************************************************/

var sScrollPxOriginal = sScrollPx;

function sideInit(){

       //Width of the menu, Currently set to the width of the document.

       //If you want the menu to be 500px wide for instance, just

       //set the pageWidth=500 in stead.

       pageWidth = (bw.ns4 || bw.ns6 || window.opera)?innerWidth:document.body.clientWidth;

      

       //Making the objects...

       oBg = new makeObj('divBg')

       oMenu = new makeObj('divMenu','divBg',1)

       oArrowRight = new makeObj('divArrowRight','divBg')

      

       //Placing the menucontainer, the layer with links, and the right arrow.

       oBg.moveIt(sLeft,sTop) //Main div, holds all the other divs.

       oMenu.moveIt(sArrowwidth,null)

       oArrowRight.css.width = sArrowwidth;

       oArrowRight.moveIt(pageWidth-sArrowwidth,null)

      

       //Setting the width and the visible area of the links.

       if (!bw.ns4) oBg.css.overflow = "hidden";

       if (bw.ns6) oMenu.css.position = "relative";

       oBg.css.width = pageWidth+px;

       oBg.clipTo(0,pageWidth,sMenuheight,0)

       oBg.css.visibility = "visible";

}

 

//executing the init function on pageload if the browser is ok.

if (bw.bw) onload = sideInit;

</script>

<div id="divBg">

       <div id="divMenu">

              <nobr>

              [<a href="http://www.7stk.com/1/index06.htm">天气预报代码</a>]

              [<a href="http://www.7stk.com/">网页特效代码</a>]

              [<a href="#">link 3</a>]

              [<a href="#">link 4</a>]

              [<a href="#">link 5</a>] 

              [<a href="#">link 6</a>] 

              [<a href="#">link 7</a>] 

              [<a href="#">link 8</a>] 

              [<a href="#">link 9</a>] 

              [<a href="#">link 10</a>]

              [<a href="#">link 11</a>]

              [<a href="#">link 12</a>]

              [<a href="#">link 13</a>]

              [<a href="#">link 14</a>]

              [<a href="#">link 15</a>]

              [<a href="#">link 16</a>]

              [<a href="#">link 17</a>]

              [<a href="#">link 18</a>]

              [<a href="#">link 19</a>]

              [<a href="#">link 20</a>]

              [<a href="#">link 21</a>]

              [<a href="#">link 22</a>]

              [<a href="#">link 23</a>]

              [<a href="#">link 24</a>]

              [<a href="#">link 25</a>]

              [<a href="#">link 26</a>]

              [<a href="#">link 27</a>]

              [<a href="#">link 28</a>]

              [<a href="#">link 29</a>]

              [<a href="#">link 30</a>]

              </nobr>  

       </div>

       <div id="divArrowLeft"><a href="#" onmouseover="noScroll=false; mLeft()" onmouseout="noMove()" onclick="sScrollPx-=sScrollExtra; return false" onfocus="if(this.blur)this.blur()" onmousedown="sScrollPx+=sScrollExtra"><img src="arrowleft.gif" width="11" height="21" alt="" border="0"></a></div>

       <div id="divArrowRight"><a href="#" onmouseover="noScroll=false; mRight()" onmouseout="noMove()" onclick="sScrollPx-=sScrollExtra; return false" onfocus="if(this.blur)this.blur()" onmousedown="sScrollPx+=sScrollExtra"><img src="arrowright.gif" width="11" height="21" alt="" border="0"></a></div>

</div>

 

1 Comments

Sun

01

Mar

2009

110、幻影导航条

110、幻影导航条

脚本说明:

把如下代码加入<body>区域中

<SCRIPT language=JavaScript>

var currTimerlinePoint = 0;

var totalTimerlineFrames = 2;

var timerlineTimer;

var leftLine = 50;

var timerIn;

var timerOut;

 

 

var timerlineArray = new Array();

timerlineArray[0]='';

timerlineArray[1]='menuItemOut()';

 

function runTimerline()

{

//if (totalTimerlineFrames > currTimerlinePoint)

//  {

//  eval( timerlineArray[currTimerlinePoint]);

//  currTimerlinePoint ++;

//  }

//else {currTimerlinePoint = 0; clearTimeout(window.timerlineTimer); return false;}

 

//window.timerlineTimer = setTimeout('runTimerline()',1000);

 

window.timerlineTimer = setTimeout('menuItemOut()',500);

 

}

 

function stopTimerline()

{

clearTimeout(window.timerlineTimer);

//currTimerlinePoint = 0;

}

 

function menuItemIn()

{

    if( leftLine != 150)

     {

        item11.style.pixelLeft += 20; item11.filters.alpha.opacity += 20;

     item12.style.pixelLeft -= 20; item12.filters.alpha.opacity += 20;

     item13.style.pixelLeft += 20; item13.filters.alpha.opacity += 20;

     item14.style.pixelLeft -= 20; item14.filters.alpha.opacity += 20;

     item15.style.pixelLeft += 20; item15.filters.alpha.opacity += 20;

     item16.style.pixelLeft -= 20; item16.filters.alpha.opacity += 20;

     item17.style.pixelLeft += 20; item17.filters.alpha.opacity += 20;

     item18.style.pixelLeft -= 20; item18.filters.alpha.opacity += 20;

     item19.style.pixelLeft += 20; item19.filters.alpha.opacity += 20;

     item20.style.pixelLeft -= 20; item20.filters.alpha.opacity += 20;

     leftLine += 20;

        }

  else

     {

        clearTimeout(window.timerIn);

     return false;

        }

  timerIn=window.setTimeout('menuItemIn()',1);

}

 

function menuItemOut()

{

   clearTimeout(window.timerIn);

  if (leftLine != 50)

     {

      item11.style.pixelLeft -= 20; item11.filters.alpha.opacity -= 20;

      item12.style.pixelLeft += 20; item12.filters.alpha.opacity -= 20;

      item13.style.pixelLeft -= 20; item13.filters.alpha.opacity -= 20;

      item14.style.pixelLeft += 20; item14.filters.alpha.opacity -= 20;

      item15.style.pixelLeft -= 20; item15.filters.alpha.opacity -= 20;

      item16.style.pixelLeft += 20; item16.filters.alpha.opacity -= 20;

      item17.style.pixelLeft -= 20; item17.filters.alpha.opacity -= 20;

      item18.style.pixelLeft += 20; item18.filters.alpha.opacity -= 20;

      item19.style.pixelLeft -= 20; item19.filters.alpha.opacity -= 20;

      item20.style.pixelLeft += 20; item20.filters.alpha.opacity -= 20;

      leftLine -= 20;

         }

   else

     {

        clearTimeout(window.timerOut);

     return false;

     }

  timerOut=window.setTimeout("menuItemOut()",1);

}

 

 

 

self.moveTo(0,0);

self.resizeTo(screen.availWidth,screen.availHeight);

</SCRIPT>

<DIV style="LEFT: 0px; POSITION: absolute; TOP: -30px">

<DIV id=menu01 onmouseover=stopTimerline();menuItemIn()

style="BORDER-RIGHT: #000000 1px; BORDER-TOP: #000000 1px; FONT-SIZE: 9pt; Z-INDEX: 1; LEFT: 150px; BORDER-LEFT: #000000 1px; WIDTH: 100px; CURSOR: hand; PADDING-TOP: 3px; BORDER-BOTTOM: #000000 1px; POSITION: absolute; TOP: 33px; HEIGHT: 19px; BACKGROUND-COLOR: #000099; layer-background-color: #000099"

onmouseout=runTimerline() align=center><FONT color=white>主菜单</DIV>

<DIV id=item11

onmouseover="this.style.backgroundColor= '#006699';stopTimerline()"

style="BORDER-RIGHT: #000000 1px; BORDER-TOP: #000000 1px; FONT-SIZE: 9pt; Z-INDEX: 2; FILTER: alpha(opacity=0); LEFT: 50px; BORDER-LEFT: #000000 1px; WIDTH: 99px; CURSOR: hand; PADDING-TOP: 4px; BORDER-BOTTOM: #000000 1px; POSITION: absolute; TOP: 55px; HEIGHT: 19px; BACKGROUND-COLOR: #0099cc; layer-background-color: #0099CC"

onmouseout="this.style.backgroundColor= '#0099cc';runTimerline()"

align=center>菜单项一</DIV>

<DIV id=item12

onmouseover="this.style.backgroundColor= '#006699';stopTimerline()"

style="BORDER-RIGHT: #000000 1px; BORDER-TOP: #000000 1px; FONT-SIZE: 9pt; Z-INDEX: 3; FILTER: alpha(opacity=0); LEFT: 250px; BORDER-LEFT: #000000 1px; WIDTH: 99px; CURSOR: hand; PADDING-TOP: 3px; BORDER-BOTTOM: #000000 1px; POSITION: absolute; TOP: 77px; HEIGHT: 19px; BACKGROUND-COLOR: #0099cc; layer-background-color: #0099CC"

onmouseout="this.style.backgroundColor= '#0099cc';runTimerline()"

align=center><a href="http://www.7stk.com/1/index06.htm">天气预报代码 </a></DIV>

<DIV id=item13

onmouseover="this.style.backgroundColor= '#006699';stopTimerline()"

style="BORDER-RIGHT: #000000 1px; BORDER-TOP: #000000 1px; FONT-SIZE: 9pt; Z-INDEX: 4; FILTER: alpha(opacity=0); LEFT: 50px; BORDER-LEFT: #000000 1px; WIDTH: 99px; CURSOR: hand; PADDING-TOP: 3px; BORDER-BOTTOM: #000000 1px; POSITION: absolute; TOP: 99px; HEIGHT: 19px; BACKGROUND-COLOR: #0099cc; layer-background-color: #0099CC"

onmouseout="this.style.backgroundColor= '#0099cc';runTimerline()"

align=center>菜单项三</DIV>

<DIV id=item14

onmouseover="this.style.backgroundColor= '#006699';stopTimerline()"

style="BORDER-RIGHT: #000000 1px; BORDER-TOP: #000000 1px; FONT-SIZE: 9pt; Z-INDEX: 5; FILTER: alpha(opacity=0); LEFT: 250px; BORDER-LEFT: #000000 1px; WIDTH: 99px; CURSOR: hand; PADDING-TOP: 3px; BORDER-BOTTOM: #000000 1px; POSITION: absolute; TOP: 121px; HEIGHT: 19px; BACKGROUND-COLOR: #0099cc; layer-background-color: #0099CC"

onmouseout="this.style.backgroundColor= '#0099cc';runTimerline()"

align=center>菜单项四</DIV>

<DIV id=item15

onmouseover="this.style.backgroundColor= '#006699';stopTimerline()"

style="BORDER-RIGHT: #000000 1px; BORDER-TOP: #000000 1px; FONT-SIZE: 9pt; Z-INDEX: 6; FILTER: alpha(opacity=0); LEFT: 50px; BORDER-LEFT: #000000 1px; WIDTH: 99px; CURSOR: hand; PADDING-TOP: 3px; BORDER-BOTTOM: #000000 1px; POSITION: absolute; TOP: 143px; HEIGHT: 19px; BACKGROUND-COLOR: #0099cc; layer-background-color: #0099CC"

onmouseout="this.style.backgroundColor= '#0099cc';runTimerline()"

align=center>菜单项五</DIV>

<DIV id=item16

onmouseover="this.style.backgroundColor= '#006699';stopTimerline()"

style="BORDER-RIGHT: #000000 1px; BORDER-TOP: #000000 1px; FONT-SIZE: 9pt; Z-INDEX: 6; FILTER: alpha(opacity=0); LEFT: 250px; BORDER-LEFT: #000000 1px; WIDTH: 99px; CURSOR: hand; PADDING-TOP: 3px; BORDER-BOTTOM: #000000 1px; POSITION: absolute; TOP: 165px; HEIGHT: 19px; BACKGROUND-COLOR: #0099cc; layer-background-color: #0099CC"

onmouseout="this.style.backgroundColor= '#0099cc';runTimerline()"

align=center>菜单项六</DIV>

<DIV id=item17

onmouseover="this.style.backgroundColor= '#006699';stopTimerline()"

style="BORDER-RIGHT: #000000 1px; BORDER-TOP: #000000 1px; FONT-SIZE: 9pt; Z-INDEX: 6; FILTER: alpha(opacity=0); LEFT: 50px; BORDER-LEFT: #000000 1px; WIDTH: 99px; CURSOR: hand; PADDING-TOP: 3px; BORDER-BOTTOM: #000000 1px; POSITION: absolute; TOP: 187px; HEIGHT: 19px; BACKGROUND-COLOR: #0099cc; layer-background-color: #0099CC"

onmouseout="this.style.backgroundColor= '#0099cc';runTimerline()"

align=center>菜单项七</DIV>

<DIV id=item18

onmouseover="this.style.backgroundColor= '#006699';stopTimerline()"

style="BORDER-RIGHT: #000000 1px; BORDER-TOP: #000000 1px; FONT-SIZE: 9pt; Z-INDEX: 6; FILTER: alpha(opacity=0); LEFT: 250px; BORDER-LEFT: #000000 1px; WIDTH: 99px; CURSOR: hand; PADDING-TOP: 3px; BORDER-BOTTOM: #000000 1px; POSITION: absolute; TOP: 209px; HEIGHT: 19px; BACKGROUND-COLOR: #0099cc; layer-background-color: #0099CC"

onmouseout="this.style.backgroundColor= '#0099cc';runTimerline()"

align=center>菜单项八</DIV>

<DIV id=item19

onmouseover="this.style.backgroundColor= '#006699';stopTimerline()"

style="BORDER-RIGHT: #000000 1px; BORDER-TOP: #000000 1px; FONT-SIZE: 9pt; Z-INDEX: 6; FILTER: alpha(opacity=0); LEFT: 50px; BORDER-LEFT: #000000 1px; WIDTH: 99px; CURSOR: hand; PADDING-TOP: 3px; BORDER-BOTTOM: #000000 1px; POSITION: absolute; TOP: 231px; HEIGHT: 19px; BACKGROUND-COLOR: #0099cc; layer-background-color: #0099CC"

onmouseout="this.style.backgroundColor= '#0099cc';runTimerline()"

align=center>菜单项九</DIV>

<DIV id=item20

onmouseover="this.style.backgroundColor= '#006699';stopTimerline()"

style="BORDER-RIGHT: #000000 1px; BORDER-TOP: #000000 1px; FONT-SIZE: 9pt; Z-INDEX: 6; FILTER: alpha(opacity=0); LEFT: 250px; BORDER-LEFT: #000000 1px; WIDTH: 99px; CURSOR: hand; PADDING-TOP: 3px; BORDER-BOTTOM: #000000 1px; POSITION: absolute; TOP: 253px; HEIGHT: 19px; BACKGROUND-COLOR: #0099cc; layer-background-color: #0099CC"

onmouseout="this.style.backgroundColor= '#0099cc';runTimerline()"

align=center>菜单项十</DIV></DIV>

 

 

0 Comments

Sun

01

Mar

2009

109、有立体感的导航条

109、有立体感的导航条

脚本说明:

把如下代码加入<body>区域中

<STYLE type=text/css>A:link {

       TEXT-DECORATION: none

}

A:visited {

       TEXT-DECORATION: none

}

A:active {

       TEXT-DECORATION: none

}

A:hover {

       TEXT-DECORATION: none

}

.up {

       BORDER-RIGHT: #711200 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: white 1px solid; PADDING-LEFT: 1px; FONT-SIZE: 9pt; PADDING-BOTTOM: 1px; BORDER-LEFT: white 1px solid; COLOR: #ff0000; PADDING-TOP: 1px; BORDER-BOTTOM: #711200 1px solid; FONT-FAMILY: Tahoma; BACKGROUND-COLOR: #eadfd0

}

</STYLE>

 

<SCRIPT language=JavaScript>

<!-- IE and NS6 Menu Button script kurt.grigg@virgin.net

if (!document.layers){

 

// Choose size and colours here!

Width=100;

Font='Verdana';

FontSize=9;

AFontColor='#000000';

BFontColor='red';

CFontColor='#ffffff';

down="#6699cc";

FontWeight='normal';  //normal or bold!

BackGround='#99ccff'; //Same as your body bgcolor!

BorderDepth=2;

BorderLight='#FFFFFF';

BorderShad='#000000';

 

//Nothing needs altering past here!!!!!!!!!!!!!!!!!!!!!!

function On(id){

with(id.style){

color=BFontColor;

borderTopColor=BorderLight;

borderLeftColor=BorderLight;

borderRightColor=BorderShad;

borderBottomColor=BorderShad;

}

}

function Off(id){

with(id.style){

color=AFontColor;

borderTopColor=BackGround;

borderLeftColor=BackGround;

borderRightColor=BackGround;

borderBottomColor=BackGround;

background=BackGround;

}

}

function Down(id){

with(id.style){

color=CFontColor;

borderTopColor=BorderShad;

borderLeftColor=BorderShad;

borderRightColor=BorderLight;

borderBottomColor=BorderLight;

background=down;

}

}

function Link(Url,Txt,target){

document.write("<a href='"+Url+"' target='"+target+"'>"

+"<div style='position:relative;"

+"width:"+Width+"px;height:"+FontSize+"px;"

+"border-width:"+BorderDepth+"px;"

+"border-color:"+BackGround+";"

+"border-style:solid;"

+"padding:"+FontSize/4.5+"pt;"

+"background:"+BackGround+";"

+"font-family:"+Font+";"

+"font-size:"+FontSize+"pt;"

+"line-height:"+FontSize*1.2+"pt;"

+"font-weight:"+FontWeight+";"

+"text-align:left;"

+"color:"+AFontColor+";"

+"margin-top:2px;"

+"cursor:hand'"

+"onMouseOver='javascript:On(this)'"

+"onMouseOut='javascript:Off(this)'"

+"onMouseDown='javascript:Down(this)'>"

+Txt+"</div></a>");

}

}

function Temp(){

alert("TEST");

}

//-->

</SCRIPT>

<!-- End Menu Buttons Part:1 --><!-- Menu Buttons Part:2 Paste in Body where needed -->

<SCRIPT language=JavaScript>

<!--

if (!document.layers){

//This table stops oddness in NS6!!!

if (document.getElementById&&!document.all){

document.write("<div style='position:relative'>"

+"<table border='0' cellpadding='0' cellspacing='0'>"

+"<tr><td valign='top'>");

}

 

/*   The visible Buttons here!

Add as many as you want. Make sure

you follow the same format as below

eg: Link('MyOtherPage.html','See my other page');

*/

Link('http://www.sohu.com','搜狐','_blank');

Link('http://www.7stk.com','7stk','_blank');

Link('http://www.yahoo.com','Yahoo','_blank');

Link('http://www.google.com','Google','_blank');

Link('http://www.hongen.com','洪恩在线','_blank');

Link('http://www.163.com','网易','main');

Link('http://www.7stk.com/radio/radio.htm','音乐电台代码 ','_blank');

Link('http://www.7stk.com/1/index06.htm','天气预报代码','_blank');

 

if (document.getElementById&&!document.all){

document.write("</td></tr></table></div>");

}

}

//-->

</SCRIPT>

1 Comments

Sun

01

Mar

2009

108、可移动的导航条

108、可移动的导航条

脚本说明:

把如下代码加入<body>区域中

<SCRIPT>

var Mouse_Obj="none";

 var pX

 var pY

 document.onmousemove=D_NewMouseMove;

 document.onmouseup=D_NewMouseUp;

 function m(c_Obj)

 { Mouse_Obj=c_Obj;

  pX=parseInt(document.all(Mouse_Obj).style.left)-event.x;

  pY=parseInt(document.all(Mouse_Obj).style.top)-event.y; }

 function D_NewMouseMove()

 {if(Mouse_Obj!="none")

  {document.all(Mouse_Obj).style.left=pX+event.x;

   document.all(Mouse_Obj).style.top=pY+event.y;

   event.returnValue=false;}}

 function D_NewMouseUp()

 {if(Mouse_Obj!="none")

  {Mouse_Obj="none";}}

</SCRIPT>

<STYLE>.up {

       BORDER-RIGHT: #711200 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: white 1px solid; PADDING-LEFT: 1px; FONT-SIZE: 9pt; PADDING-BOTTOM: 1px; BORDER-LEFT: white 1px solid; COLOR: #ff0000; PADDING-TOP: 1px; BORDER-BOTTOM: #711200 1px solid; FONT-FAMILY: Tahoma; BACKGROUND-COLOR: #eadfd0

}

.down {

       BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #711200 1px solid; FONT-SIZE: 9pt; BORDER-LEFT: #711200 1px solid; CURSOR: hand; COLOR: #ffffff; BORDER-BOTTOM: #ffffff 1px solid; FONT-FAMILY: Tahoma; BACKGROUND-COLOR: #336699

}

A:link {

       COLOR: #711200; TEXT-DECORATION: none

}

A:visited {

       COLOR: #711200; TEXT-DECORATION: none

}

A:hover {

       COLOR: blue; TEXT-DECORATION: underline

}

</STYLE>

<DIV class=up id=hello

style="; LEFT: expression((document.body.clientWidth-80)/2); WIDTH: 80px; POSITION: absolute; ; TOP: expression((document.body.clientHeight-120)/2); HEIGHT: 120px">

<DIV class=up id=hello

style="; LEFT: expression((document.body.clientWidth+500)/2); WIDTH: 80px; POSITION: absolute; ; TOP: expression((document.body.clientHeight-120)/2); HEIGHT: 120px">

<DIV class=down onmousedown='m("hello")'>-+--+-</DIV>

<DIV style="PADDING-LEFT: 5pt"><A href="http://www.sina.com/"

target=_blank>新浪网</A></DIV>

<DIV style="PADDING-LEFT: 5pt"><A href="http://www.7stk.com/"

target=_blank>网页特效代码</A></DIV>

<DIV style="PADDING-LEFT: 5pt"><A href="http://www.sohu.com/"

target=_blank>搜狐</A></DIV>

<DIV style="PADDING-LEFT: 5pt"><A href="http://www.7stk.com/music/music.htm"

target=_blank>音乐播放器</A></DIV>

<DIV style="PADDING-LEFT: 5pt"><A href="http://www.7stk.com/1/index06.htm"

target=_blank>天气预报代码</A></DIV>

<DIV style="PADDING-LEFT: 5pt"><A href="http://www.7stk.com/caidan/caidan.htm"

target=_blank>菜单特效代码</A></DIV></DIV>

0 Comments

Sun

01

Mar

2009

107、左上侧固定导航条

107、左上侧固定导航条

脚本说明:

把如下代码加入<body>区域中

<SCRIPT language=JavaScript>

<!--

function MM_swapImgRestore() { //v3.0

  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;

}

 

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) { //v3.0

  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); return x;

}

 

function MM_swapImage() { //v3.0

  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)

   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}

}

 

function MM_showHideLayers() { //v3.0

  var i,p,v,obj,args=MM_showHideLayers.arguments;

  for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];

    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; }

    obj.visibility=v; }

}

 

function MM_openBrWindow(theURL,winName,features) { //v2.0

  window.open(theURL,winName,features);

}

//-->

</SCRIPT>

 

<DIV class=tab2 id=floater

style="Z-INDEX: 1; LEFT: 2px; WIDTH: 43px; POSITION: absolute; TOP: 4px; HEIGHT: 277px">

       <IMG

height=51 src="sto/butterfly.gif" width=72 useMap=#Map2 border=0>

<DIV id=Layer1

style="Z-INDEX: 2; LEFT: 47px; VISIBILITY: hidden; WIDTH: 108px; POSITION: absolute; TOP: 9px; HEIGHT: 67px">

<TABLE height="100%" cellSpacing=0 borderColorDark=#990000 cellPadding=4

width="100%" bgColor=#ffffff borderColorLight=#990000 border=1>

  <TBODY>

  <TR>

    <TD>介绍虚拟现实的各种相关资源……</TD></TR></TBODY></TABLE></DIV><MAP name=Map2><AREA

  onmouseover="MM_showHideLayers('Layer5','','show')"

  onmouseout="MM_showHideLayers('Layer5','','hide')" shape=RECT target=_blank

  coords=2,9,16,85 href="#"><AREA

  onmouseover="MM_showHideLayers('Layer1','','show')"

  onmouseout="MM_showHideLayers('Layer1','','hide')" shape=RECT target=_self

  coords=20,10,35,64 href="#"><AREA

  onmouseover="MM_showHideLayers('Layer2','','show')"

  onmouseout="MM_showHideLayers('Layer2','','hide')" shape=RECT target=_self

  coords=21,70,35,127

  href="#"><AREA

  onmouseover="MM_showHideLayers('Layer6','','show')"

  onmouseout="MM_showHideLayers('Layer6','','hide')" shape=RECT target=_self

  coords=2,95,16,153 href="#"><AREA

  onmouseover="MM_showHideLayers('Layer7','','show')"

  onmouseout="MM_showHideLayers('Layer7','','hide')" shape=RECT target=_self

  coords=2,159,16,218 href="#"><AREA

  onmouseover="MM_showHideLayers('Layer3','','show')"

  onmouseout="MM_showHideLayers('Layer3','','hide')" shape=RECT target=_self

  coords=21,138,35,196 href="#"><AREA

  onmouseover="MM_showHideLayers('Layer8','','show')"

  onmouseout="MM_showHideLayers('Layer8','','hide')" shape=RECT target=_self

  coords=3,224,15,284 href="#"><AREA

  onmouseover="MM_showHideLayers('Layer4','','show')"

  onmouseout="MM_showHideLayers('Layer4','','hide')" shape=RECT target=_self

  coords=20,203,33,260 href="#"></MAP>

<DIV id=Layer2

style="Z-INDEX: 2; LEFT: 47px; VISIBILITY: hidden; WIDTH: 105px; POSITION: absolute; TOP: 67px; HEIGHT: 73px">

<TABLE height="100%" cellSpacing=0 borderColorDark=#990000 cellPadding=4

width="100%" bgColor=#ffffff borderColorLight=#990000 border=1>

  <TBODY>

  <TR>

    <TD>展示VRML的各类应用,有许多精彩的实例……</TD></TR></TBODY></TABLE></DIV>

<DIV id=Layer3

style="Z-INDEX: 2; LEFT: 47px; VISIBILITY: hidden; WIDTH: 108px; POSITION: absolute; TOP: 133px; HEIGHT: 64px">

<TABLE height="100%" cellSpacing=0 borderColorDark=#990000 cellPadding=4

width="100%" bgColor=#ffffff borderColorLight=#990000 border=1>

  <TBODY>

  <TR>

    <TD>有许多高手写的文章,<FONT color=#cc0033>还有教程</FONT>……</TD></TR></TBODY></TABLE></DIV>

<DIV id=Layer4

style="Z-INDEX: 2; LEFT: 47px; VISIBILITY: hidden; WIDTH: 108px; POSITION: absolute; TOP: 198px; HEIGHT: 61px">

<TABLE height="100%" cellSpacing=0 borderColorDark=#990000 cellPadding=4

width="100%" bgColor=#ffffff borderColorLight=#990000 border=1>

  <TBODY>

  <TR>

    <TD>国外的新动态、国内的新进展…… </TD></TR></TBODY></TABLE></DIV>

<DIV id=Layer5

style="Z-INDEX: 2; LEFT: 47px; VISIBILITY: hidden; WIDTH: 98px; POSITION: absolute; TOP: 7px; HEIGHT: 84px">

<TABLE height="100%" cellSpacing=0 borderColorDark=#990000 cellPadding=4

width="100%" bgColor=#ffffff borderColorLight=#990000 border=1>

  <TBODY>

  <TR>

    <TD>我们的研究,我们的作品,都是原创作品,欢迎交流……</TD></TR></TBODY></TABLE></DIV>

<DIV id=Layer6

style="Z-INDEX: 2; LEFT: 47px; VISIBILITY: hidden; WIDTH: 97px; POSITION: absolute; TOP: 84px; HEIGHT: 74px">

<TABLE height="100%" cellSpacing=0 borderColorDark=#990000 cellPadding=4

width="100%" bgColor=#ffffff borderColorLight=#990000 border=1>

  <TBODY>

  <TR>

    <TD>公司联系方法,我们的成员,请您留言……</TD></TR></TBODY></TABLE></DIV>

<DIV id=Layer7

style="Z-INDEX: 2; LEFT: 47px; VISIBILITY: hidden; WIDTH: 108px; POSITION: absolute; TOP: 154px; HEIGHT: 62px">

<TABLE height="100%" cellSpacing=0 borderColorDark=#990000 cellPadding=4

width="100%" bgColor=#ffffff borderColorLight=#990000 border=1>

  <TBODY>

  <TR>

    <TD>我们的虚拟现实未来的应用方案,我们能为您提供的服务……</TD></TR></TBODY></TABLE></DIV>

<DIV id=Layer8

style="Z-INDEX: 2; LEFT: 47px; VISIBILITY: hidden; WIDTH: 108px; POSITION: absolute; TOP: 221px; HEIGHT: 68px">

<TABLE height="100%" cellSpacing=0 borderColorDark=#990000 cellPadding=4

width="100%" bgColor=#ffffff borderColorLight=#990000 border=1>

  <TBODY>

  <TR>

    <TD>我们的伙伴,我们的朋友,我们的客户……</TD></TR></TBODY></TABLE></DIV></DIV>

<SCRIPT language=JavaScript><!--

self.onError=null;

currentX = currentY = 0; 

whichIt = null;          

lastScrollX = 0; lastScrollY = 0;

NS = (document.layers) ? 1 : 0;

IE = (document.all) ? 1: 0;

function heartBeat() {

       if(IE) { diffY = document.body.scrollTop; diffX = document.body.scrollLeft; }

       if(NS) { diffY = self.pageYOffset; diffX = self.pageXOffset; }

       if(diffY != lastScrollY) {

       percent = .1 * (diffY - lastScrollY);

       if(percent > 0)

              percent = Math.ceil(percent);

       else

              percent = Math.floor(percent);

       if(IE) document.all.floater.style.pixelTop += percent;

       if(NS) document.floater.top += percent;

       lastScrollY = lastScrollY + percent;

}

       if(diffX != lastScrollX) {

              percent = .1 * (diffX - lastScrollX);

              if(percent > 0)

                     percent = Math.ceil(percent);

              else

                     percent = Math.floor(percent);

              if(IE) document.all.floater.style.pixelLeft += percent;

              if(NS) document.floater.left += percent;

              lastScrollX = lastScrollX + percent;

       }    

}

action = window.setInterval("heartBeat()",1);

//-->

</SCRIPT>

 

 

1 Comments

Sun

01

Mar

2009

106、点击打开导航菜单

106、点击打开导航菜单

脚本说明:

把如下代码加入<body>区域中

<STYLE type=text/css>

.menu {

       BORDER-RIGHT: #006080 2px solid; BORDER-TOP: #80e0ff 2px solid; LEFT: 0px; VISIBILITY: hidden; BORDER-LEFT: #80e0ff 2px solid; BORDER-BOTTOM: #006080 2px solid; POSITION: absolute; TOP: 0px; BACKGROUND-COLOR: #40a0c0

}

A.menuItem {

       BORDER-RIGHT: #000000 0px solid; PADDING-RIGHT: 12px; BORDER-TOP: #000000 0px solid; DISPLAY: block; PADDING-LEFT: 8px; FONT-WEIGHT: bold; FONT-SIZE: 8pt; PADDING-BOTTOM: 2px; BORDER-LEFT: #000000 0px solid; CURSOR: default; COLOR: #ffffff; PADDING-TOP: 2px; BORDER-BOTTOM: #000000 0px solid; FONT-FAMILY: MS Sans Serif, Arial, Tahoma,sans-serif; TEXT-DECORATION: none

}

A.menuItem:hover {

       COLOR: #ffff00; BACKGROUND-COLOR: #004060

}

</STYLE>

<DIV class=menu id=myMenu><A class=menuItem

      href="http://www.7stk.com">网页特效代码</A>

      <A class=menuItem

      href="http://www.sina.com.cn">新浪网</A>

      <A class=menuItem

      href="http://www.163.com"> </A>

      <A class=menuItem

      href="http://www.7stk.com/fine/index.htm">精彩网页分享</A>

      <A class=menuItem

      href="http://www.7stk.com/music/music.htm">音乐播放器</A>

      </DIV>

<P><font onclick="openMenu(event, 'myMenu');return false;">点击打开菜单</font></P>

<SCRIPT type=text/javascript>

 

document.getElementById("myMenu").onmouseout = closeMenu;

 

function openMenu(event, id) {

 

  var el, x, y;

 

  el = document.getElementById(id);

  if (window.event) {

    x = window.event.clientX + document.documentElement.scrollLeft

                             + document.body.scrollLeft;

    y = window.event.clientY + document.documentElement.scrollTop +

                             + document.body.scrollTop;

  }

  else {

    x = event.clientX + window.scrollX;

    y = event.clientY + window.scrollY;

  }

  x -= 2; y -= 2;

  el.style.left = x + "px";

  el.style.top  = y + "px";

  el.style.visibility = "visible";

}

 

function closeMenu(event) {

 

  var current, related;

 

  if (window.event) {

    current = this;

    related = window.event.toElement;

  }

  else {

    current = event.currentTarget;

    related = event.relatedTarget;

  }

 

  if (current != related && !contains(current, related))

    current.style.visibility = "hidden";

}

 

function contains(a, b) {

 

  // Return true if node a contains node b.

 

  while (b.parentNode)

    if ((b = b.parentNode) == a)

      return true;

  return false;

}

 

</SCRIPT>

 

0 Comments

Sun

01

Mar

2009

105、实用下拉导航条

105、实用下拉导航条

脚本说明:

把如下代码加入<body>区域中

<Script Language="Javascript">

bname=navigator.appName;

bversion=parseInt(navigator.appVersion)

var z=0;

var rgb=0;

var message= new Array();

var value=0;

var timer1;

var timer2;

var timer3;

var convert = new Array()

var hexbase= new Array("0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "A", "B", "C", "D", "E", "F");

 

//Do not edit anything else in the Script except the lines below

 

var bgcolor="#FF0000"; //Fade color

var color="#0000FF";  //Starting color

var speed=55

 

//Do not edit anything else in the Script except the lines above

 

for (x=0; x<16; x++){

for (y=0; y<16; y++){

convert[value]= hexbase[x] + hexbase[y];

value++;

}

}

 

redx=color.substring(1,3);

greenx=color.substring(3,5);

bluex=color.substring(5,7);

hred=eval(parseInt(redx,16));

hgreen=eval(parseInt(greenx,16));

hblue=eval(parseInt(bluex,16));

eredx=bgcolor.substring(1,3);

egreenx=bgcolor.substring(3,5);

ebluex=bgcolor.substring(5,7);

ered=eval(parseInt(eredx,16));

egreen=eval(parseInt(egreenx,16));

eblue=eval(parseInt(ebluex,16));

red=ered;

green=egreen;

blue=eblue;

 

function start(){

timer1=window.setInterval('up()',speed)

}

 

function up(){

if (red<hred){

if ((red+15)<hred){

red+=15;

redx = convert[red]

}

else{

red=hred

redx = convert[red]

}

}

 

if (red>hred){

if ((red-15)>hred){

red-=15;

redx = convert[red]

}

else{

red=hred

redx = convert[red]

}

}

 

if (green<hgreen){

if ((green+15)<hgreen){

green+=15;

greenx = convert[green]

}

else{

green=hgreen

greenx = convert[green]

}

}

 

if (green>hgreen){

if ((green-15)>hgreen){

green-=15;

greenx = convert[green]

}

else{

green=hgreen

greenx = convert[green]

}

}

 

if (blue<hblue){

if ((blue+15)<hblue){

blue+=15;

bluex = convert[blue]

}

else{

blue=hblue

bluex = convert[blue]

}

}

 

if (blue>hblue){

if ((blue-15)>hblue){

blue-=15;

bluex = convert[blue]

}

else{

blue=hblue

bluex = convert[blue]

}

}

 

rgb = "#"+redx+greenx+bluex;

document.linkColor=rgb;

document.vlinkColor=rgb;

 

if (z>19){

window.clearInterval(timer1);

timer2=window.setInterval('down()',speed)

}

else

z++

}

 

 

function down(){

if (red<ered){

if ((red+15)<ered){

red+=15;

redx = convert[red]

}

else{

red=ered

redx = convert[red]

}

}

 

if (red>ered){

if ((red-15)>ered){

red-=15;

redx = convert[red]

}

else{

red=ered

redx = convert[red]

}

}

 

if (green<egreen){

if ((green+15)<egreen){

green+=15;

greenx = convert[green]

}

else{

green=egreen

greenx = convert[green]

}

}

 

if (green>egreen){

if ((green-15)>egreen){

green-=15;

greenx = convert[green]

}

else{

green=egreen

greenx = convert[green]

}

}

 

if (blue<eblue){

if ((blue+15)<eblue){

blue+=15;

bluex = convert[blue]

}

else{

blue=eblue

bluex = convert[blue]

}

}

 

if (blue>eblue){

if ((blue-15)>eblue){

blue-=15;

bluex = convert[blue]

}

else{

blue=eblue

bluex = convert[blue]

}

}

 

rgb = "#"+redx+greenx+bluex;

document.linkColor=rgb;

document.vlinkColor=rgb;

 

if (z>38){

z=0;

window.clearInterval(timer2);

timer1=window.setInterval('up()',speed);

}

else

z++

}

 

start()

// done hiding -->

</Script>

<CENTER><a href="http://www.7stk.com">7stk-7stk-7stk</a></CENTER>

 

0 Comments

Sun

01

Mar

2009

104、非常流行的隐藏导航栏

104、非常流行的隐藏导航栏

1   把如下代码复制到<head></head>之间

 

<SCRIPT language=JavaScript1.2>

 

function move(x, y) {

if (document.all) {

object1.style.pixelLeft += x;

object1.style.pixelTop  += y;}

else

if (document.layers) {

document.object1.left += x;

document.object1.top  += y;

}};

 

function position() {

document.object1.left += -82;

document.object1.top  += 0;

document.object1.visibility = "show"

};

 

function makeStatic() {

if (document.all) {object1.style.pixelTop=document.body.scrollTop+20}

else {eval('document.object1.top=eval(window.pageYOffset+20)');}

setTimeout("makeStatic()",0);}

 

</SCRIPT>

 

<STYLE type=text/css>.hl {

       BACKGROUND-COLOR: green; COLOR: white; CURSOR: hand

}

.n {

      

}

</STYLE>

 

 

2   把如下代码复制到<body></body>之间

 

 

<LAYER class=NS onmouseout="move(-132, 0)"

onmouseover="move(132, 0)" left="0" bgcolor="black" name="object1" top="20"

visibility="hide">

<SCRIPT language=JavaScript1.2>

if (document.all)

document.write('<DIV ID="object1" style="Position : Absolute ;Left : -82px ;Top : 20px ;Width : 0px ;Z-Index : 20">')

</SCRIPT>

 

<TABLE bgColor=#000000 border=0 cellPadding=2 cellSpacing=1

onmouseout="move(-82, 0)" onmouseover=move(82,0) width=100>

  <TBODY>

  <TR>

    <TD bgColor=#009900><FONT face=宋体 size=3><B>导航菜单</B></FONT></TD>

    <TD align=middle bgColor=#006600 rowSpan=100 width=12>

      <SCRIPT language=JavaScript1.2>

if (document.all||document.layers)

document.write('<p align="center"><font size="2" face="Arial Black">S<br>I<br>D<br>E<br>M<br>E<br>N<br>U</font></p>')

</SCRIPT>

    </TD></TR>

  <SCRIPT language=JavaScript1.2>

<!--

if (document.all||document.layers)

makeStatic();

 

if (document.layers) {

window.onload=position;

}

 

var sitems=new Array();

var sitemlinks=new Array();

 

// 配置以下

 

sitems[0]="网页特效集锦";

sitems[1]="背景特效";

sitems[2]="整站模板";

sitems[3]="网页特效";

 

sitemlinks[0]="http://7stk.com";

sitemlinks[1]="http://7stk.com/background/index.htm";

sitemlinks[2]="http://7stk.com/moban/index.htm";

sitemlinks[3]="http://7stk.com/navigation/index.htm";

 

for (i=0;i<=sitems.length-1;i++)

if (document.all) {document.write('<TR><TD bgcolor=white onclick="location=\''+sitemlinks[i]+'\'" onmouseover="className=\'hl\'" onmouseout="className=\'n\'"><FONT SIZE=2>'+sitems[i]+'</FONT></TD></TR>')}

else if (document.layers){document.write('<TR><TD bgcolor="white"><FONT SIZE=2><A HREF="'+sitemlinks[i]+'">'+sitems[i]+'</A></FONT></TD></TR>')}

 

function hl(n) {

n.className='hl'}

function n(h) {

h.className='n'}

//--></SCRIPT>

  </TBODY></TABLE>

<SCRIPT language=JavaScript1.2>

if (document.all)

document.write('<\/DIV>')

</SCRIPT>

</LAYER>

 

 

  

        

 

0 Comments

Sun

01

Mar

2009

103、变色的链接文字

103、变色的链接文字

脚本说明:

把如下代码加入<body>区域中

<Script Language="Javascript">

bname=navigator.appName;

bversion=parseInt(navigator.appVersion)

var z=0;

var rgb=0;

var message= new Array();

var value=0;

var timer1;

var timer2;

var timer3;

var convert = new Array()

var hexbase= new Array("0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "A", "B", "C", "D", "E", "F");

 

//Do not edit anything else in the Script except the lines below

 

var bgcolor="#FF0000"; //Fade color

var color="#0000FF";  //Starting color

var speed=55

 

//Do not edit anything else in the Script except the lines above

 

for (x=0; x<16; x++){

for (y=0; y<16; y++){

convert[value]= hexbase[x] + hexbase[y];

value++;

}

}

 

redx=color.substring(1,3);

greenx=color.substring(3,5);

bluex=color.substring(5,7);

hred=eval(parseInt(redx,16));

hgreen=eval(parseInt(greenx,16));

hblue=eval(parseInt(bluex,16));

eredx=bgcolor.substring(1,3);

egreenx=bgcolor.substring(3,5);

ebluex=bgcolor.substring(5,7);

ered=eval(parseInt(eredx,16));

egreen=eval(parseInt(egreenx,16));

eblue=eval(parseInt(ebluex,16));

red=ered;

green=egreen;

blue=eblue;

 

function start(){

timer1=window.setInterval('up()',speed)

}

 

function up(){

if (red<hred){

if ((red+15)<hred){

red+=15;

redx = convert[red]

}

else{

red=hred

redx = convert[red]

}

}

 

if (red>hred){

if ((red-15)>hred){

red-=15;

redx = convert[red]

}

else{

red=hred

redx = convert[red]

}

}

 

if (green<hgreen){

if ((green+15)<hgreen){

green+=15;

greenx = convert[green]

}

else{

green=hgreen

greenx = convert[green]

}

}

 

if (green>hgreen){

if ((green-15)>hgreen){

green-=15;

greenx = convert[green]

}

else{

green=hgreen

greenx = convert[green]

}

}

 

if (blue<hblue){

if ((blue+15)<hblue){

blue+=15;

bluex = convert[blue]

}

else{

blue=hblue

bluex = convert[blue]

}

}

 

if (blue>hblue){

if ((blue-15)>hblue){

blue-=15;

bluex = convert[blue]

}

else{

blue=hblue

bluex = convert[blue]

}

}

 

rgb = "#"+redx+greenx+bluex;

document.linkColor=rgb;

document.vlinkColor=rgb;

 

if (z>19){

window.clearInterval(timer1);

timer2=window.setInterval('down()',speed)

}

else

z++

}

 

 

function down(){

if (red<ered){

if ((red+15)<ered){

red+=15;

redx = convert[red]

}

else{

red=ered

redx = convert[red]

}

}

 

if (red>ered){

if ((red-15)>ered){

red-=15;

redx = convert[red]

}

else{

red=ered

redx = convert[red]

}

}

 

if (green<egreen){

if ((green+15)<egreen){

green+=15;

greenx = convert[green]

}

else{

green=egreen

greenx = convert[green]

}

}

 

if (green>egreen){

if ((green-15)>egreen){

green-=15;

greenx = convert[green]

}

else{

green=egreen

greenx = convert[green]

}

}

 

if (blue<eblue){

if ((blue+15)<eblue){

blue+=15;

bluex = convert[blue]

}

else{

blue=eblue

bluex = convert[blue]

}

}

 

if (blue>eblue){

if ((blue-15)>eblue){

blue-=15;

bluex = convert[blue]

}

else{

blue=eblue

bluex = convert[blue]

}

}

 

rgb = "#"+redx+greenx+bluex;

document.linkColor=rgb;

document.vlinkColor=rgb;

 

if (z>38){

z=0;

window.clearInterval(timer2);

timer1=window.setInterval('up()',speed);

}

else

z++

}

 

start()

// done hiding -->

</Script>

<CENTER><a href="http://www.7stk.com">7stk-7stk-7stk</a></CENTER>

 

1 Comments

Sun

01

Mar

2009

101、内部菜单展开效果

101、内部菜单展开效果

脚本说明:

把如下代码加入<body>区域中

<style>

td{font-size:9pt}

</style>

<SCRIPT language=javascript1.2>

function hidesubmenu(sid)

{

       eval("submenu" + sid + ".style.display=\"none\";");

}

function showsubmenu(sid)

{

submenu1.style.display="none";

submenu2.style.display="none";

submenu3.style.display="none";

submenu4.style.display="none";

eval("submenu" + sid + ".style.display=\"block\";");

//eval("document.submenu" + sid + ".visibility=\"visible\";");

}

</SCRIPT>

 <TABLE cellSpacing=0 cellPadding=0 width=140 border=0>

        <TBODY>

        <TR>

          <TD>

            <TABLE cellSpacing=0 cellPadding=0 width=138 border=0>

              <TBODY>

              <TR>

                <TD width=9><IMG height=18 src="20020220/group5_01_04.gif"

                  width=9></TD>

                <TD width=12><A

                  onmouseover="javascript:showsubmenu('1');"><IMG height=18

                  src="20020220/group5_01_02.gif" width=12></A></TD>

                <TD align=middle width=99

                  background=20020220/group5_01_06.gif><A

                  onmouseover="javascript:showsubmenu('1');"><IMG height=18

                  src="20020220/group5_01_03.gif" width=58 border=0></A></TD>

                <TD width=18><A

                  onmouseover="javascript:showsubmenu('1');"><IMG height=18

                  src="20020220/group5_01_05.gif" width=18

              border=0></A></TD></TR></TBODY></TABLE></TD></TR>

        <TR id=submenu1 style="DISPLAY: none">

          <TD>

            <TABLE cellSpacing=0 cellPadding=0 width=138 border=0>

              <TBODY>

              <TR>

                <TD width=1 bgColor=#666666 height=77></TD>

                <TD align=middle width=136 height=77><IMG height=70

                  src="20020220/group5_01_01.gif" width=121></TD>

                <TD width=1 bgColor=#666666 height=77></TD></TR>

              <TR>

                <TD width=1 bgColor=#666666 height=77></TD>

                <TD align=middle width=136 height=77>

                  <TABLE cellSpacing=1 cellPadding=0 width=124 border=0><!-- now channel -->

                    <TBODY>

                    <TR>

                      <TD align=middle width=59 height=18><A class=black

                        href="http://www.1studio.net/html/example/0058/0058.htm#">聊来聊去</A></TD>

                      <TD align=middle width=59 height=18><A class=black

                        href="http://www.1studio.net/html/example/0058/0058.htm#">热门话题</A></TD></TR>

                    <TR>

                      <TD align=middle width=59 height=18><A class=black

                        href="http://www.1studio.net/html/example/0058/0058.htm#">情感天空</A></TD>

                      <TD align=middle width=59 height=18><A class=black

                        href="http://www.1studio.net/html/example/0058/0058.htm#">激情交流</A></TD></TR>

                    <TR>

                      <TD align=middle width=59 height=18><A class=black

                        href="http://www.1studio.net/html/example/0058/0058.htm#">交朋识友</A></TD>

                      <TD align=middle width=59 height=18><A class=black

                        href="http://www.1studio.net/html/example/0058/0058.htm#">成人话题</A></TD></TR>

                    <TR>

                      <TD align=middle width=59 height=18><A class=black

                        href="http://www.1studio.net/html/example/0058/0058.htm#">同龄时代</A></TD>

                      <TD align=middle width=59 height=18><A class=black

                        href="http://www.1studio.net/html/example/0058/0058.htm#">卡拉OK</A></TD></TR>

                    <TR>

                      <TD align=middle width=59 height=18><A class=black

                        href="http://www.1studio.net/html/example/0058/0058.htm#">休闲时尚</A></TD>

                      <TD align=middle width=59 height=18><A class=black

                        href="http://www.1studio.net/html/example/0058/0058.htm#">英语广场</A></TD></TR>

                    <TR>

                      <TD align=middle width=59 height=18><A class=black

                        href="http://www.1studio.net/html/example/0058/0058.htm#">游戏-族</A></TD>

                      <TD align=middle width=59 height=18><A class=black

                        href="http://www.1studio.net/html/example/0058/0058.htm#">菁菁校园</A></TD></TR>

                    <TR>

                      <TD align=middle width=59 height=18><A class=black

                        href="http://www.1studio.net/html/example/0058/0058.htm#">体育沙龙</A></TD>

                      <TD align=middle width=59 height=18><A class=black

                        href="http://www.1studio.net/html/example/0058/0058.htm#">财富论淡</A></TD></TR>

                    <TR>

                      <TD align=middle width=59 height=18><A class=black

                        href="http://www.1studio.net/html/example/0058/0058.htm#">影视世界</A></TD>

                      <TD align=middle width=59

                  height=18> </TD></TR></TBODY></TABLE></TD>

                <TD width=1 bgColor=#666666 height=77></TD></TR></TBODY></TABLE>

            <TABLE cellSpacing=0 cellPadding=0 width=138 border=0>

              <TBODY>

              <TR>

                <TD width=9><IMG height=4 src="20020220/group5_01_07.gif"

                  width=9></TD>

                <TD width=117 background=20020220/group5_01_09.gif height=4></TD>

                <TD width=18><IMG height=4 src="20020220/group5_01_08.gif"

                  width=18></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

      <TABLE cellSpacing=0 cellPadding=0 width=140 border=0>

        <TBODY>

        <TR vAlign=bottom>

          <TD height=24>

            <TABLE cellSpacing=0 cellPadding=0 width=138 border=0>

              <TBODY>

              <TR>

                <TD width=9><IMG height=18 src="20020220/group5_01_04.gif"

                  width=9></TD>

                <TD width=12><A

                  onmouseover="javascript:showsubmenu('2');"><IMG height=18

                  src="20020220/group5_02_02.gif" width=12></A></TD>

                <TD align=middle width=99

                  background=20020220/group5_01_06.gif><A

                  onmouseover="javascript:showsubmenu('2');"><IMG height=18

                  src="20020220/group5_02_03.gif" width=58 border=0></A></TD>

                <TD width=18><A

                  onmouseover="javascript:showsubmenu('2');"><IMG height=18

                  src="20020220/group5_01_05.gif" width=18

              border=0></A></TD></TR></TBODY></TABLE></TD></TR>

        <TR id=submenu2 style="DISPLAY: none">

          <TD>

            <TABLE cellSpacing=0 cellPadding=0 width=138 border=0>

              <TBODY>

              <TR>

                <TD width=1 bgColor=#666666 height=77></TD>

                <TD align=middle width=136 height=77><IMG height=70

                  src="20020220/group5_02_01.gif" width=121></TD>

                <TD width=1 bgColor=#666666 height=77></TD></TR>

              <TR>

                <TD width=1 bgColor=#666666 height=77></TD>

                <TD align=middle width=136 height=77>

                  <TABLE cellSpacing=1 cellPadding=0 width=134 border=0><!-- now channel -->

                    <TBODY>

                    <TR>

                      <TD align=middle width=61 height=18><A class=black

                        href="http://www.1studio.net/html/example/0058/0058.htm#">北京市</A></TD>

                      <TD align=middle width=61 height=18><A class=black

                        href="http://www.1studio.net/html/example/0058/0058.htm#">上海市</A></TD>

                      <TD align=middle width=61 height=18><A class=black

                        href="http://www.1studio.net/html/example/0058/0058.htm#">天津市</A></TD></TR>

                    <TR>

                      <TD align=middle width=61 height=18><A class=black

                        href="http://www.1studio.net/html/example/0058/0058.htm#">重庆市</A></TD>

                      <TD align=middle width=61 height=18><A class=black

                        href="http://www.1studio.net/html/example/0058/0058.htm#">广东省</A></TD>

                      <TD align=middle width=61 height=18><A class=black

                        href="http://www.1studio.net/html/example/0058/0058.htm#">江苏省</A></TD></TR>

                    <TR>

                      <TD align=middle width=61 height=18><A class=black

                        href="http://www.1studio.net/html/example/0058/0058.htm#">安徽省</A></TD>

                      <TD align=middle width=61 height=18><A class=black

                        href="http://www.1studio.net/html/example/0058/0058.htm#">浙江省</A></TD>

                      <TD align=middle width=61 height=18><A class=black

                        href="http://www.1studio.net/html/example/0058/0058.htm#">四川省</A></TD></TR>

                    <TR>

                      <TD align=middle width=61 height=18><A class=black

                        href="http://www.1studio.net/html/example/0058/0058.htm#">福建省</A></TD>

                      <TD align=middle width=61 height=18><A class=black

                        href="http://www.1studio.net/html/example/0058/0058.htm#">湖北省</A></TD>

                      <TD align=middle width=61 height=18><A class=black

                        href="http://www.1studio.net/html/example/0058/0058.htm#">湖南省</A></TD></TR>

                    <TR>

                      <TD align=middle width=61 height=18><A class=black

                        href="http://www.1studio.net/html/example/0058/0058.htm#">山西省</A></TD>

                      <TD align=middle width=61 height=18><A class=black

                        href="http://www.1studio.net/html/example/0058/0058.htm#">河北省</A></TD>

                      <TD align=middle width=61 height=18><A class=black

                        href="http://www.1studio.net/html/example/0058/0058.htm#">河南省</A></TD></TR>

                    <TR>

                      <TD align=middle width=61 height=18><A class=black

                        href="http://www.1studio.net/html/example/0058/0058.htm#">海南省</A></TD>

                      <TD align=middle width=61 height=18><A class=black

                        href="http://www.1studio.net/html/example/0058/0058.htm#">黑龙江</A></TD>

                      <TD align=middle width=61 height=18><A class=black

                        href="http://www.1studio.net/html/example/0058/0058.htm#">吉林省</A></TD></TR>

                    <TR>

                      <TD align=middle width=61 height=18><A class=black

                        href="http://www.1studio.net/html/example/0058/0058.htm#">辽宁省</A></TD>

                      <TD align=middle width=61 height=18><A class=black

                        href="http://www.1studio.net/html/example/0058/0058.htm#">山东省</A></TD>

                      <TD align=middle width=61 height=18><A class=black

                        href="http://www.1studio.net/html/example/0058/0058.htm#">陕西省</A></TD></TR>

                    <TR>

                      <TD align=middle width=61 height=18><A class=black

                        href="http://www.1studio.net/html/example/0058/0058.htm#">内蒙古</A></TD>

                      <TD align=middle width=61 height=18><A class=black

                        href="http://www.1studio.net/html/example/0058/0058.htm#">江西省</A></TD>

                      <TD align=middle width=61 height=18><A class=black

                        href="http://www.1studio.net/html/example/0058/0058.htm#">甘肃省</A></TD></TR>

                    <TR>

                      <TD align=middle width=61 height=18><A class=black

                        href="http://www.1studio.net/html/example/0058/0058.htm#">贵州省</A></TD>

                      <TD align=middle width=61 height=18><A class=black

                        href="http://www.1studio.net/html/example/0058/0058.htm#">青海省</A></TD>

                      <TD align=middle width=61 height=18><A class=black

                        href="http://www.1studio.net/html/example/0058/0058.htm#">云南省</A></TD></TR>

                    <TR>

                      <TD align=middle width=61 height=18><A class=black

                        href="http://www.1studio.net/html/example/0058/0058.htm#">广 西</A></TD>

                      <TD align=middle width=61 height=18><A class=black

                        href="http://www.1studio.net/html/example/0058/0058.htm#">宁 夏</A></TD>

                      <TD align=middle width=61 height=18><A class=black

                        href="http://www.1studio.net/html/example/0058/0058.htm#">新 疆</A></TD></TR>

                    <TR>

                      <TD align=middle width=61 height=18><A class=black

                        href="http://www.1studio.net/html/example/0058/0058.htm#">西 藏</A></TD>

                      <TD align=middle width=61 height=18><A class=black

                        href="http://www.1studio.net/html/example/0058/0058.htm#">香 港</A></TD>

                      <TD align=middle width=61 height=18><A class=black

                        href="http://www.1studio.net/html/example/0058/0058.htm#">澳 门</A></TD></TR></TBODY></TABLE></TD>

                <TD width=1 bgColor=#666666 height=77></TD></TR></TBODY></TABLE>

            <TABLE cellSpacing=0 cellPadding=0 width=138 border=0>

              <TBODY>

              <TR>

                <TD width=9><IMG height=4 src="20020220/group5_01_07.gif"

                  width=9></TD>

                <TD width=117 background=20020220/group5_01_09.gif height=4></TD>

                <TD width=18><IMG height=4 src="20020220/group5_01_08.gif"

                  width=18></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

      <TABLE cellSpacing=0 cellPadding=0 width=140 border=0>

        <TBODY>

        <TR vAlign=bottom>

          <TD height=24>

            <TABLE cellSpacing=0 cellPadding=0 width=138 border=0>

              <TBODY>

              <TR>

                <TD width=9><IMG height=18 src="20020220/group5_01_04.gif"

                  width=9></TD>

                <TD width=12><A

                  onmouseover="javascript:showsubmenu('3');"><IMG height=18

                  src="20020220/group5_03_02.gif" width=12></A></TD>

                <TD align=middle width=99

                  background=20020220/group5_01_06.gif><A

                  onmouseover="javascript:showsubmenu('3');"><IMG height=18

                  src="20020220/group5_03_03.gif" width=58 border=0></A></TD>

                <TD width=18><A

                  onmouseover="javascript:showsubmenu('3');"><IMG height=18

                  src="20020220/group5_01_05.gif" width=18

              border=0></A></TD></TR></TBODY></TABLE></TD></TR>

        <TR id=submenu3 style="DISPLAY: none">

          <TD>

            <TABLE cellSpacing=0 cellPadding=0 width=138 border=0>

              <TBODY>

              <TR>

                <TD width=1 bgColor=#666666 height=77></TD>

                <TD align=middle width=136 height=77><IMG height=70

                  src="20020220/group5_03_01.gif" width=121></TD>

                <TD width=1 bgColor=#666666 height=77></TD></TR>

              <TR>

                <TD width=1 bgColor=#666666 height=77></TD>

                <TD align=right width=136 height=77>

                  <TABLE cellSpacing=0 cellPadding=0 width=128 border=0>

                    <TBODY>

                    <TR class=row>

                      <TD>网络电话自建房功能将<BR>于近期作为一项增值服<BR>务推出,仅对注册用户<BR>开放。自建房间的功能<BR>可以让您与您的好友享<BR>受单独聊天的乐趣。<BR></TD></TR>

                    <TR></TR>

                    <TR>

                      <TD> </TD></TR></TBODY></TABLE></TD>

                <TD width=1 bgColor=#666666 height=77></TD></TR></TBODY></TABLE>

            <TABLE cellSpacing=0 cellPadding=0 width=138 border=0>

              <TBODY>

              <TR>

                <TD width=9><IMG height=4 src="20020220/group5_01_07.gif"

                  width=9></TD>

                <TD width=117 background=20020220/group5_01_09.gif height=4></TD>

                <TD width=18><IMG height=4 src="20020220/group5_01_08.gif"

                  width=18></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

      <TABLE cellSpacing=0 cellPadding=0 width=140 border=0>

        <TBODY>

        <TR vAlign=bottom>

          <TD height=24>

            <TABLE cellSpacing=0 cellPadding=0 width=138 border=0>

              <TBODY>

              <TR>

                <TD width=9><IMG height=18 src="20020220/group5_01_04.gif"

                  width=9></TD>

                <TD width=12><A

                  onmouseover="javascript:showsubmenu('4');"><IMG height=18

                  src="20020220/group5_05_02.gif" width=12></A></TD>

                <TD align=middle width=99

                  background=20020220/group5_01_06.gif><A

                  onmouseover="javascript:showsubmenu('4');"><IMG height=18

                  src="20020220/group5_05_03.gif" width=58 border=0></A></TD>

                <TD width=18><A

                  onmouseover="javascript:showsubmenu('4');"><IMG height=18

                  src="20020220/group5_01_05.gif" width=18

              border=0></A></TD></TR></TBODY></TABLE></TD></TR>

        <TR id=submenu4 style="DISPLAY: none">

          <TD>

            <TABLE cellSpacing=0 cellPadding=0 width=138 border=0>

              <TBODY>

              <TR>

                <TD width=1 bgColor=#666666 height=77></TD>

                <TD align=middle width=136 height=77><IMG height=70

                  src="20020220/group5_05_01.gif" width=121></TD>

                <TD width=1 bgColor=#666666 height=77></TD></TR>

              <TR>

                <TD width=1 bgColor=#666666 height=77></TD>

                <TD align=middle width=136 height=77><A

                  href="http://www.1studio.net/html/example/0058/0058.htm#"><IMG

                  height=91 src="20020220/online.gif" width=127 border=0></A></TD>

                <TD width=1 bgColor=#666666 height=77></TD></TR></TBODY></TABLE>

            <TABLE cellSpacing=0 cellPadding=0 width=138 border=0>

              <TBODY>

              <TR>

                <TD width=9><IMG height=4 src="20020220/group5_01_07.gif"

                  width=9></TD>

                <TD width=117 background=20020220/group5_01_09.gif height=4></TD>

                <TD width=18><IMG height=4 src="20020220/group5_01_08.gif"

                  width=18></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

      <TABLE cellSpacing=0 cellPadding=0 width=140 border=0>

        <TBODY>

        <TR vAlign=bottom>

          <TD height=24>

            <TABLE cellSpacing=0 cellPadding=0 width=138 border=0>

              <TBODY>

              <TR>

                <TD width=9><IMG height=18 src="20020220/group5_01_04.gif"

                  width=9></TD>

                <TD width=12><IMG height=18 src="20020220/group5_07_02.gif"

                  width=12></TD>

                <TD align=middle width=99

                  background=20020220/group5_01_06.gif><IMG height=18

                  src="20020220/group5_07_03.gif" width=58 border=0></TD>

                <TD width=18><IMG height=18 src="20020220/group5_07_04.gif"

                  width=18 border=0></TD></TR></TBODY></TABLE></TD></TR>

        <TR>

          <TD>

            <TABLE cellSpacing=0 cellPadding=0 width=138 border=0>

              <TBODY>

              <TR>

                <TD width=1 bgColor=#666666 height=50></TD>

                <TD align=middle width=136 background=20020220/group5_07_05.gif

                colSpan=2 height=50><IMG height=31

                  src="20020220/1studio_logo.gif" width=88></TD>

                <TD width=1 bgColor=#666666 height=50></TD></TR>

              <TR>

                <TD width=1 bgColor=#666666 height=1></TD>

                <TD align=middle bgColor=#666666 colSpan=2 height=1></TD>

                <TD width=1 bgColor=#666666 height=1></TD></TR>

              <TR>

                <TD width=1 bgColor=#666666 height=15></TD>

                <TD vAlign=bottom align=middle width=113 bgColor=#eeeeee

                height=1>欢迎广大站点链接</TD>

                <TD align=middle width=23 bgColor=#666666 height=1><A

                  href="http://www.1studio.net/link.asp" target=_parent><IMG

                  height=15 src="20020220/group5_07_06.gif" width=23

                border=0></A></TD>

                <TD width=1 bgColor=#666666 height=15></TD></TR>

              <TR>

                <TD width=1 bgColor=#666666 height=1></TD>

                <TD align=middle bgColor=#666666 colSpan=2 height=1></TD>

                <TD width=1 bgColor=#666666

        height=1></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

 

 

0 Comments

Sun

01

Mar

2009

102、菜单展开效果

102、菜单展开效果

脚本说明:

把如下代码加入<body>区域中:

<STYLE>#iewrap {

       POSITION: relative; HEIGHT: 30px

}

#iewrap2 {

       POSITION: absolute

}

#dropmenu03 {

       FILTER: revealTrans(Duration=1.5,Transition=12)

visibility:hide

}

</STYLE>

<TABLE cellSpacing=0 cellPadding=0 width=600 align=center border=0>

  <TBODY>

   <TR bgColor=#f2f2f2>

    <TD width=10 bgColor=#f2f2f2> </TD>

    <TD width=590 bgColor=#f2f2f2><ILAYER id=dropmenu01 height="20"><LAYER

      id=dropmenu02 height="20" visibility="show"><SPAN id=iewrap><SPAN

      id=iewrap2 style="WIDTH: 100px; TOP: 10px"

      onclick="dropit2();event.cancelBubble=true;return false"><FONT face=宋体><A

      class=red

      href="http://www.1studio.net/html/example/0019/0019.htm#">壹号工作室导航</A></FONT>

      </SPAN></SPAN></LAYER></ILAYER>

      <SCRIPT language=javascript><!--

var enableeffect=true

 

//将如下数组修改成你自己的。

var selection=new Array()

selection[0]='<a href="/index.asp" class=yellow> 首  页</a><br>'

selection[1]='<a href="/web.asp" class=yellow> 精品插件 </a><br>'

selection[2]='<a href="/dreamweaver/index.asp" class=yellow> [1] Dreamweaver资源</a><br>'

selection[3]='<a href="/fireworks/index.asp" class=yellow> [2] Fireworks资源</a><br>'

selection[4]='<a href="/flash/index.asp" class=yellow> [3] Flash资源</a><br>'

selection[5]='<a href="/photoshop/index.asp" class=yellow> [4] Photoshop资源</a><br>'

selection[6]='<a href="/free/index.asp" class=yellow> 免费申请</a><br>'

selection[7]='<a href="/free/count/index.asp" class=yellow> [1] 免费计数器申请</a><br>'

selection[8]='<a href="/free/guestbook/index.asp" class=yellow> [2] 免费留言板申请</a><br>'

selection[9]='<a href="/free/vote/index.asp" class=yellow> [3] 免费网上调查申请</a><br>'

selection[10]='<a href="/technic.asp" class=yellow> 酷站源码</a><br>'

selection[11]='<a href="/html/index.asp" class=yellow> [1] HTML特效</a><br>'

selection[12]='<a href="/asp/index.asp" class=yellow> [2] ASP源程序下载</a><br>'

selection[13]='<a href="/xml/index.asp" class=yellow> [3] XML方面</a>'

 

if (document.layers)

document.dropmenu01.document.dropmenu02.visibility='show'

 

function dropit2(){

if (document.all){

dropmenu03.style.left=document.body.scrollLeft+event.clientX-event.offsetX

dropmenu03.style.top=document.body.scrollTop+event.clientY-event.offsetY+18

if (dropmenu03.style.visibility=="hidden"){

if (enableeffect)

dropmenu03.filters.revealTrans.apply()

dropmenu03.style.visibility="visible"

if (enableeffect)

dropmenu03.filters.revealTrans.play()

}

else{

hidemenu()

}

}

}

 

function dropit(e){

if (document.dropmenu03.visibility=="hide")

document.dropmenu03.visibility="show"

else

document.dropmenu03.visibility="hide"

document.dropmenu03.left=e.pageX-e.layerX

document.dropmenu03.top=e.pageY-e.layerY+19

return false

}

 

function hidemenu(){

if (enableeffect)

dropmenu03.filters.revealTrans.stop()

dropmenu03.style.visibility="hidden"

}

 

function hidemenu2(){

document.dropmenu03.visibility="hide"

}

 

if (document.layers){

document.dropmenu01.document.dropmenu02.captureEvents(Event.CLICK)

document.dropmenu01.document.dropmenu02.onclick=dropit

}

else if (document.all)

document.body.onclick=hidemenu

 

 

//-->

 

 

</SCRIPT>

<DIV id=dropmenu03

      style="BORDER-RIGHT: #000000 1px; PADDING-RIGHT: 0px; BORDER-TOP: #000000 1px; PADDING-LEFT: 0px; LEFT: 10px; VISIBILITY: hidden; PADDING-BOTTOM: 0px; BORDER-LEFT: #000000 1px; WIDTH: 150px; PADDING-TOP: 0px; BORDER-BOTTOM: #000000 1px; POSITION: absolute; TOP: 0px; BACKGROUND-COLOR: #7285cf; layer-background-color: 7285CF">

      <SCRIPT language=JavaScript1.2>

if (document.all)

dropmenu03.style.padding='6px'

for (i=0;i<selection.length;i++)

document.write(selection[i])

</SCRIPT>

</DIV>

<SCRIPT language=JavaScript1.2>

if (document.layers){

document.dropmenu03.captureEvents(Event.CLICK)

document.dropmenu03.onclick=hidemenu2

}

</SCRIPT>

 

0 Comments

Sun

01

Mar

2009

100、特酷下拉菜单

100、特酷下拉菜单

脚本说明:

把如下代码加入<body>区域中

<style type="text/css">

<!--

.p9{  font-family: "宋体"; font-size: 9pt; }

body {  font-family: "宋体"; font-size: 9pt; margin-top: 0px; margin-left: 0px; margin-right: 0px}

UNKNOWN {

       TEXT-DECORATION: none

}

A:visited {

       TEXT-DECORATION: none

}

A:hover {

       COLOR: #ff0000; TEXT-DECORATION: none

}

A:link {

       TEXT-DECORATION: none

}

BODY {

       FONT-SIZE: 9pt; COLOR: #000000; FONT-FAMILY: "宋体"; TEXT-DECORATION: none

}

TR {

       FONT-SIZE: 9pt; FONT-FAMILY: "宋体"

}

TD {

       FONT-WEIGHT: normal; FONT-SIZE: 9pt; FONT-FAMILY: "宋体"

}

FORM {

       FONT-SIZE: 9pt; FONT-FAMILY: "宋体"

}

.black {

       FONT-SIZE: 9pt; COLOR: #000000

}

.white {

       FONT-SIZE: 9pt; COLOR: #ffffff

}

.red {

       FONT-SIZE: 9pt; COLOR: #ff0000

}

.green {

       FONT-SIZE: 9pt; COLOR: #009900

}

.blue {

       FONT-SIZE: 9pt; COLOR: #0000ff

}

.bg1 {

       FONT-SIZE: 9pt; COLOR: #ffffff

}

.gray {

       FONT-SIZE: 9pt; COLOR: #666666

}

.row {

       LINE-HEIGHT: 15pt

}

.bottom {

       BORDER-RIGHT: #665b8e 1px solid; BORDER-TOP: #ffffff 1px solid; FONT-SIZE: 9pt; BORDER-LEFT: #ffffff 1px solid; COLOR: #000000; BORDER-BOTTOM: #665b8e 1px solid; FONT-FAMILY: "宋体"; HEIGHT: 18px; BACKGROUND-COLOR: #cccccc

}

.editbox1 {

       FONT-SIZE: 9pt; COLOR: #000000; FONT-FAMILY: 宋体; HEIGHT: 18px; BACKGROUND-COLOR: #dbdbdb

}

.editbox2 {

       PADDING-RIGHT: 1px; PADDING-LEFT: 1px; FONT-SIZE: 9pt; PADDING-BOTTOM: 1px; CURSOR: text; COLOR: #000000; PADDING-TOP: 1px; FONT-FAMILY: 宋体; BACKGROUND-COLOR: #dbdbdb

}

.size {

       FONT-SIZE: 9px; FONT-FAMILY: "Verdana", "Arial", "Helvetica", "sans-serif"

}

A.yellow:active {

       COLOR: #ffffff; TEXT-DECORATION: none

}

A.yellow:visited {

       COLOR: #ffffff; TEXT-DECORATION: none

}

A.yellow:link {

       COLOR: #ffffff; TEXT-DECORATION: none

}

A.yellow:hover {

       COLOR: #ffff33; TEXT-DECORATION: none

}

 

-->

</style>

<SCRIPT language=JavaScript>

<!--

function MM_reloadPage(init) {  //reloads the window if Nav4 resized

  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {

    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}

  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();

}

MM_reloadPage(true);

 

function navbarOver(src,clrOver,clrOverBorder) { if (!src.contains(event.fromElement)){ src.style.cursor = 'hand'; src.bgColor = clrOver; src.borderColor = clrOverBorder; src.children.tags('a')[0].style.color='#FFFF33'; }}

 

function navbarOut(src,clrIn,clrInBorder) { if (!src.contains(event.toElement)) { src.style.cursor = 'default'; src.bgColor = clrIn; src.borderColor = clrInBorder; src.children.tags('a')[0].style.color='#FFFFFF';}}

 

function MM_findObj(n, d) { //v4.0

  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 && document.getElementById) x=document.getElementById(n); return x;

}

 

function MM_showHideLayers() { //v3.0

  var i,p,v,obj,args=MM_showHideLayers.arguments;

  for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];

    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; }

    obj.visibility=v; }

}

//-->

</SCRIPT>

<TABLE borderColor=#3c79c6 cellSpacing=2 cellPadding=0

                  width="100%" border=1>

                    <TBODY>

                    <TR>

                      <TD borderColor=#cccccc width=80 bgColor=#3064a3

height=20>

                        <DIV id=Layer1

                        onmouseover="MM_showHideLayers('Layer1','','show')"

                        style="Z-INDEX: 1; VISIBILITY: hidden; WIDTH: 103px; POSITION: absolute; HEIGHT: 80px"

                        onmouseout="MM_showHideLayers('Layer1','','hide','Layer2','','hide','Layer7','','hide','Layer13','','hide','Layer15','','hide')">

                        <TABLE class=bg1 cellSpacing=0 cellPadding=0 width=100

                        border=0>

                          <TBODY>

                          <TR>

                            <TD height=20> </TD></TR>

                          <TR>

                            <TD vAlign=top>

                              <TABLE borderColor=#000000 cellSpacing=2

                              cellPadding=1 width=100 bgColor=#3c79c6

                                border=1><TBODY>

                                <TR>

                                <TD class=bg1

                                onmouseover="navbarOver(this,'#6395D1','#000000');"

                                onmouseout="navbarOut(this,'#3C79C6','#3C79C6');"

                                vAlign=bottom borderColor=#3c79c6

                                bgColor=#3c79c6 height=20><A class=white

                                href="http://www.1studio.net/html/example/0055/xtdl_01.htm">[01]

                                系统登录</A></TD></TR>

                                <TR>

                                <TD class=bg1

                                onmouseover="navbarOver(this,'#6395D1','#000000');"

                                onmouseout="navbarOut(this,'#3C79C6','#3C79C6');"

                                borderColor=#3c79c6 bgColor=#3c79c6 height=20><A

                                class=white

                                href="http://www.1studio.net/html/example/0055/xtdl_02.htm">[02]

                                主窗口</A></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV><A

                        class=white

                        onmouseover="MM_showHideLayers('Layer1','','show')"

                        onmouseout="MM_showHideLayers('Layer1','','hide','Layer2','','hide','Layer7','','hide','Layer13','','hide','Layer15','','hide')"> 系统登录</A></TD>

                      <TD borderColor=#cccccc width=80 bgColor=#3064a3>

                        <DIV id=Layer2

                        onmouseover="MM_showHideLayers('Layer1','','hide','Layer2','','show','Layer7','','hide','Layer13','','hide','Layer15','','hide')"

                        style="Z-INDEX: 1; VISIBILITY: hidden; WIDTH: 141px; POSITION: absolute; HEIGHT: 80px"

                        onmouseout="MM_showHideLayers('Layer1','','hide','Layer2','','hide','Layer7','','hide','Layer13','','hide','Layer15','','hide')">

                        <TABLE class=bg1 cellSpacing=0 cellPadding=0 width=100

                        border=0>

                          <TBODY>

                          <TR>

                            <TD height=20> </TD></TR>

                          <TR>

                            <TD>

                              <TABLE borderColor=#000000 cellSpacing=2

                              cellPadding=1 width=122 bgColor=#3c79c6

                                border=1><TBODY>

                                <TR>

                                <TD class=bg1

                                onmouseover="navbarOver(this,'#6395D1','#000000');"

                                onmouseout="navbarOut(this,'#3C79C6','#3C79C6');"

                                vAlign=bottom borderColor=#3c79c6

                                bgColor=#3c79c6 height=20><A

                                onmouseover="MM_showHideLayers('Layer3','','show')"

                                onmouseout="MM_showHideLayers('Layer3','','hide')">[01]

                                系统定义  <IMG height=7 src="5.files/arrow02.gif"

                                width=4 border=0></A>

                                <DIV id=Layer3

                                onmouseover="MM_showHideLayers('Layer2','','show','Layer3','','show')"

                                style="Z-INDEX: 2; VISIBILITY: hidden; WIDTH: 149px; POSITION: absolute; HEIGHT: 75px"

                                onmouseout="MM_showHideLayers('Layer2','','hide','Layer3','','hide')">

                                <TABLE cellSpacing=0 cellPadding=0 width=144

                                border=0>

                                <TBODY>

                                <TR>

                                <TD width=10> </TD>

                                <TD width=134>

                                <TABLE borderColor=#000000 cellSpacing=2

                                cellPadding=1 width=130 bgColor=#3c79c6

border=1>

                                <TBODY>

                                <TR>

                                <TD class=bg1

                                onmouseover="navbarOver(this,'#6395D1','#000000');"

                                onmouseout="navbarOut(this,'#3C79C6','#3C79C6');"

                                vAlign=bottom borderColor=#3c79c6

                                bgColor=#3c79c6 height=20><A class=white

                                href="http://www.1studio.net/html/example/0055/xtgl_xtdy_01.htm">[01]

                                部门定义</A></TD></TR>

                                <TR>

                                <TD class=bg1

                                onmouseover="navbarOver(this,'#6395D1','#000000');"

                                onmouseout="navbarOut(this,'#3C79C6','#3C79C6');"

                                borderColor=#3c79c6 bgColor=#3c79c6 height=20><A

                                class=white

                                href="http://www.1studio.net/html/example/0055/xtgl_xtdy_02.htm">[02]

                                币种定义</A></TD></TR>

                                <TR>

                                <TD class=bg1

                                onmouseover="navbarOver(this,'#6395D1','#000000');"

                                onmouseout="navbarOut(this,'#3C79C6','#3C79C6');"

                                borderColor=#3c79c6 bgColor=#3c79c6 height=20><A

                                class=white

                                href="http://www.1studio.net/html/example/0055/xtgl_xtdy_03.htm">[03]

                                付款方式定义</A></TD></TR>

                                <TR>

                                <TD class=bg1

                                onmouseover="navbarOver(this,'#6395D1','#000000');"

                                onmouseout="navbarOut(this,'#3C79C6','#3C79C6');"

                                borderColor=#3c79c6 bgColor=#3c79c6 height=20><A

                                class=white

                                href="http://www.1studio.net/html/example/0055/xtgl_xtdy_04.htm">[04]

                                收银机定义</A></TD></TR>

                                <TR>

                                <TD class=bg1

                                onmouseover="navbarOver(this,'#6395D1','#000000');"

                                onmouseout="navbarOut(this,'#3C79C6','#3C79C6');"

                                borderColor=#3c79c6 bgColor=#3c79c6 height=20><A

                                class=white

                                href="http://www.1studio.net/html/example/0055/xtgl_xtdy_05.htm">[05]

                                人员定义</A></TD></TR>

                                <TR>

                                <TD class=bg1

                                onmouseover="navbarOver(this,'#6395D1','#000000');"

                                onmouseout="navbarOut(this,'#3C79C6','#3C79C6');"

                                borderColor=#3c79c6 bgColor=#3c79c6 height=20><A

                                class=white

                                href="http://www.1studio.net/html/example/0055/xtgl_xtdy_06.htm">[06]

                                收银员权限管理</A></TD></TR>

                                <TR>

                                <TD class=bg1

                                onmouseover="navbarOver(this,'#6395D1','#000000');"

                                onmouseout="navbarOut(this,'#3C79C6','#3C79C6');"

                                borderColor=#3c79c6 bgColor=#3c79c6 height=20><A

                                class=white

                                href="http://www.1studio.net/html/example/0055/xtgl_xtdy_07.htm">[07]

                                修改密码</A></TD></TR>

                                <TR>

                                <TD class=bg1

                                onmouseover="navbarOver(this,'#6395D1','#000000');"

                                onmouseout="navbarOut(this,'#3C79C6','#3C79C6');"

                                borderColor=#3c79c6 bgColor=#3c79c6 height=20><A

                                class=white

                                href="http://www.1studio.net/html/example/0055/xtgl_xtdy_08.htm">[08]

                                调拨单位管理</A></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV></TD></TR>

                                <TR>

                                <TD class=bg1

                                onmouseover="navbarOver(this,'#6395D1','#000000');"

                                onmouseout="navbarOut(this,'#3C79C6','#3C79C6');"

                                borderColor=#3c79c6 bgColor=#3c79c6 height=20><A

                                onmouseover="MM_showHideLayers('Layer4','','show')"

                                onmouseout="MM_showHideLayers('Layer4','','hide')">[02]

                                供应商管理 <IMG height=7 src="5.files/arrow02.gif"

                                width=4 border=0></A>

                                <DIV id=Layer4

                                onmouseover="MM_showHideLayers('Layer2','','show','Layer4','','show')"

                                style="Z-INDEX: 2; VISIBILITY: hidden; WIDTH: 149px; POSITION: absolute"

                                onmouseout="MM_showHideLayers('Layer2','','hide','Layer4','','hide')">

                                <TABLE cellSpacing=0 cellPadding=0 width=144

                                border=0>

                                <TBODY>

                                <TR>

                                <TD width=10> </TD>

                                <TD width=134>

                                <TABLE borderColor=#000000 cellSpacing=2

                                cellPadding=1 width=130 bgColor=#3c79c6

border=1>

                                <TBODY>

                                <TR>

                                <TD class=bg1

                                onmouseover="navbarOver(this,'#6395D1','#000000');"

                                onmouseout="navbarOut(this,'#3C79C6','#3C79C6');"

                                vAlign=bottom borderColor=#3c79c6

                                bgColor=#3c79c6 height=20><A class=white

                                href="http://www.1studio.net/html/example/0055/xtgl_gysgl_01.htm">[01]

                                供应商登记</A></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV></TD></TR>

                                <TR>

                                <TD class=bg1

                                onmouseover="navbarOver(this,'#6395D1','#000000');"

                                onmouseout="navbarOut(this,'#3C79C6','#3C79C6');"

                                borderColor=#3c79c6 bgColor=#3c79c6 height=20><A

                                onmouseover="MM_showHideLayers('Layer5','','show')"

                                onmouseout="MM_showHideLayers('Layer5','','hide')">[03]

                                商品管理  <IMG height=7 src="5.files/arrow02.gif"

                                width=4 border=0></A>

                                <DIV id=Layer5

                                onmouseover="MM_showHideLayers('Layer2','','show','Layer5','','show')"

                                style="Z-INDEX: 2; VISIBILITY: hidden; WIDTH: 149px; POSITION: absolute; HEIGHT: 75px"

                                onmouseout="MM_showHideLayers('Layer2','','hide','Layer5','','hide')">

                                <TABLE cellSpacing=0 cellPadding=0 width=144

                                border=0>

                                <TBODY>

                                <TR>

                                <TD width=10> </TD>

                                <TD width=134>

                                <TABLE borderColor=#000000 cellSpacing=2

                                cellPadding=1 width=130 bgColor=#3c79c6

border=1>

                                <TBODY>

                                <TR>

                                <TD class=bg1

                                onmouseover="navbarOver(this,'#6395D1','#000000');"

                                onmouseout="navbarOut(this,'#3C79C6','#3C79C6');"

                                vAlign=bottom borderColor=#3c79c6

                                bgColor=#3c79c6 height=20><A class=white

                                href="http://www.1studio.net/html/example/0055/xtgl_spgl_01.htm">[01]

                                商品分类管理</A></TD></TR>

                                <TR>

                                <TD class=bg1

                                onmouseover="navbarOver(this,'#6395D1','#000000');"

                                onmouseout="navbarOut(this,'#3C79C6','#3C79C6');"

                                borderColor=#3c79c6 bgColor=#3c79c6 height=20><A

                                class=white

                                href="http://www.1studio.net/html/example/0055/xtgl_spgl_02.htm">[02]

                                新商品登记</A></TD></TR>

                                <TR>

                                <TD class=bg1

                                onmouseover="navbarOver(this,'#6395D1','#000000');"

                                onmouseout="navbarOut(this,'#3C79C6','#3C79C6');"

                                borderColor=#3c79c6 bgColor=#3c79c6 height=20><A

                                class=white

                                href="http://www.1studio.net/html/example/0055/xtgl_spgl_03.htm">[03]

                                商品资料修改</A></TD></TR>

                                <TR>

                                <TD class=bg1

                                onmouseover="navbarOver(this,'#6395D1','#000000');"

                                onmouseout="navbarOut(this,'#3C79C6','#3C79C6');"

                                borderColor=#3c79c6 bgColor=#3c79c6 height=20><A

                                class=white

                                href="http://www.1studio.net/html/example/0055/xtgl_spgl_04.htm">[04]

                                拆分商品管理</A></TD></TR>

                                <TR>

                                <TD class=bg1

                                onmouseover="navbarOver(this,'#6395D1','#000000');"

                                onmouseout="navbarOut(this,'#3C79C6','#3C79C6');"

                                borderColor=#3c79c6 bgColor=#3c79c6 height=20><A

                                class=white

                                href="http://www.1studio.net/html/example/0055/xtgl_spgl_05.htm">[05]

                                打包商品管理</A></TD></TR>

                                <TR>

                                <TD class=bg1

                                onmouseover="navbarOver(this,'#6395D1','#000000');"

                                onmouseout="navbarOut(this,'#3C79C6','#3C79C6');"

                                borderColor=#3c79c6 bgColor=#3c79c6 height=20><A

                                class=white

                                href="http://www.1studio.net/html/example/0055/xtgl_spgl_06.htm">[06]

                                异常商品监控</A></TD></TR>

                                <TR>

                                <TD class=bg1

                                onmouseover="navbarOver(this,'#6395D1','#000000');"

                                onmouseout="navbarOut(this,'#3C79C6','#3C79C6');"

                                borderColor=#3c79c6 bgColor=#3c79c6 height=20><A

                                class=white

                                href="http://www.1studio.net/html/example/0055/xtgl_spgl_07.htm">[07]

                                商品查询</A></TD></TR>

                                <TR>

                                <TD class=bg1

                                onmouseover="navbarOver(this,'#6395D1','#000000');"

                                onmouseout="navbarOut(this,'#3C79C6','#3C79C6');"

                                borderColor=#3c79c6 bgColor=#3c79c6 height=20><A

                                class=white

                                href="http://www.1studio.net/html/example/0055/xtgl_spgl_08.htm">[08]

                                打印标价签</A></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV></TD></TR>

                                <TR>

                                <TD class=