玉环网站制作：0576-87203280   玉环样本制作：13706862816
  设为首页 | 加入收藏 | 玉环房产网 | 玉环购物网 | 客户留言 | 投诉建议  
  网站首页 网站套餐 网站维护 网站推广 建站流程 客户案例 样本制作 老板邮局 公司简介 联系我们
→　我想申请免费网站  
→　我想申请网站改版  
→　我想申请网站维护  
→　我想了解建站流程  
→　域名空间邮局价格  
=　技术支持　=
·如何在C#中修改网络地址
·如何接收文本数据流asp.net(
·SQL时间差计算方法
·如何在js文件中写加载Applet
·C#截取DOS命令输出流取得网卡M
·免费的SEO工具软件大全
·ASP.NET清除页面缓存
·如何破解无线路由器密码
·开发人员一定要加入收藏夹的网站
·通过IIS6.0部署一个Silve
·ASP.NET生成随机密码
·多种ASP.NET页面刷新方法总结
技术支持  
　您的位置：首页 > 技术支持
合并式菜单
发布时间：2009-06-24   来源：微格网络

***********合并式菜单
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<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>
</head>

<body bgcolor="#FFFFFF" text="#000000">

<div style="position:absolute; left:0px; top:-30px"><div align=center id="menu01" style="position:absolute; left:150px; top:33px; width:100px; height:19px; z-index:1; background-color: #000099; layer-background-color: #000099; border: 1px none #000000;padding-top:3;cursor:hand;font-size:9pt" onmouseover='stopTimerline();menuItemIn()' onmouseout='runTimerline()'><font color=white>主菜单</div>
<div align=center id="item11" style="position:absolute; left:50px; top:55px; width:99px; height:19px; z-index:2; background-color: #0099CC; layer-background-color: #0099CC; border: 1px none #000000; filter:alpha(opacity=0);padding-top:4;cursor:hand;font-size:9pt"
onmouseover="this.style.backgroundColor= '#006699';stopTimerline()"
onmouseout="this.style.backgroundColor= '#0099cc';runTimerline()">菜单项一</div>
<div align=center id="item12" style="position:absolute; left:250px; top:77px; width:99px; height:19px; z-index:3; background-color: #0099CC; layer-background-color: #0099CC; border: 1px none #000000; filter:alpha(opacity=0);padding-top:3;cursor:hand;font-size:9pt"
onmouseover="this.style.backgroundColor= '#006699';stopTimerline()"
onmouseout="this.style.backgroundColor= '#0099cc';runTimerline()">菜单项二</div>
<div align=center id="item13" style="position:absolute; left:50px; top:99px; width:99px; height:19px; z-index:4; background-color: #0099CC; layer-background-color: #0099CC; border: 1px none #000000; filter:alpha(opacity=0);padding-top:3;cursor:hand;font-size:9pt"
onmouseover="this.style.backgroundColor= '#006699';stopTimerline()"
onmouseout="this.style.backgroundColor= '#0099cc';runTimerline()">菜单项三</div>
<div align=center id="item14" style="position:absolute; left:250px; top:121px; width:99px; height:19px; z-index:5; background-color: #0099CC; layer-background-color: #0099CC; border: 1px none #000000; filter:alpha(opacity=0);padding-top:3;cursor:hand;font-size:9pt"
onmouseover="this.style.backgroundColor= '#006699';stopTimerline()"
onmouseout="this.style.backgroundColor= '#0099cc';runTimerline()">菜单项四</div>
<div align=center id="item15" style="position:absolute; left:50px; top:143px; width:99px; height:19px; z-index:6; background-color: #0099CC; layer-background-color: #0099CC; border: 1px none #000000; filter:alpha(opacity=0);padding-top:3;cursor:hand;font-size:9pt"
onmouseover="this.style.backgroundColor= '#006699';stopTimerline()"
onmouseout="this.style.backgroundColor= '#0099cc';runTimerline()">菜单项五</div>
<div align=center id="item16" style="position:absolute; left:250px; top:165px; width:99px; height:19px; z-index:6; background-color: #0099CC; layer-background-color: #0099CC; border: 1px none #000000; filter:alpha(opacity=0);padding-top:3;cursor:hand;font-size:9pt"
onmouseover="this.style.backgroundColor= '#006699';stopTimerline()"
onmouseout="this.style.backgroundColor= '#0099cc';runTimerline()">菜单项六</div>
<div align=center id="item17" style="position:absolute; left:50px; top:187px; width:99px; height:19px; z-index:6; background-color: #0099CC; layer-background-color: #0099CC; border: 1px none #000000; filter:alpha(opacity=0);padding-top:3;cursor:hand;font-size:9pt"
onmouseover="this.style.backgroundColor= '#006699';stopTimerline()"
onmouseout="this.style.backgroundColor= '#0099cc';runTimerline()">菜单项七</div>
<div align=center id="item18" style="position:absolute; left:250px; top:209px; width:99px; height:19px; z-index:6; background-color: #0099CC; layer-background-color: #0099CC; border: 1px none #000000; filter:alpha(opacity=0);padding-top:3;cursor:hand;font-size:9pt"
onmouseover="this.style.backgroundColor= '#006699';stopTimerline()"
onmouseout="this.style.backgroundColor= '#0099cc';runTimerline()">菜单项八</div>
<div align=center id="item19" style="position:absolute; left:50px; top:231px; width:99px; height:19px; z-index:6; background-color: #0099CC; layer-background-color: #0099CC; border: 1px none #000000; filter:alpha(opacity=0);padding-top:3;cursor:hand;font-size:9pt"
onmouseover="this.style.backgroundColor= '#006699';stopTimerline()"
onmouseout="this.style.backgroundColor= '#0099cc';runTimerline()">菜单项九</div>
<div align=center id="item20" style="position:absolute; left:250px; top:253px; width:99px; height:19px; z-index:6; background-color: #0099CC; layer-background-color: #0099CC; border: 1px none #000000; filter:alpha(opacity=0);padding-top:3;cursor:hand;font-size:9pt"
onmouseover="this.style.backgroundColor= '#006699';stopTimerline()"
onmouseout="this.style.backgroundColor= '#0099cc';runTimerline()">菜单项十</div></div>
</body></html>
**************树枝式菜单
<head><style>
<!--
#foldheader{cursor:hand ; font-weight:bold ;
list-style-image:url('image/fold.gif')}
#foldinglist{list-style-image:url('image/list.gif')}
//-->
</style>
<script language="JavaScript1.2">
<!--

//以下可以改为你的图标
var head="display:''"
img1=new Image()
img1.src="./image/fold.gif"
img2=new Image()
img2.src="./image/open.gif"

function change(){
   if(!document.all)
      return
   if (event.srcElement.id=="foldheader") {
      var srcIndex = event.srcElement.sourceIndex
      var nested = document.all[srcIndex+1]
      if (nested.style.display=="none") {
         nested.style.display=''
         event.srcElement.style.listStyleImage="url(open.gif)"
      }
      else {
         nested.style.display="none"
         event.srcElement.style.listStyleImage="url(fold.gif)"
      }
   }
}

document.onclick=change

//-->
</script></head><body><ul>
   <li id="foldheader">菜单一</li>
   <ul id="foldinglist" style="display:none">
      <li><font color="#FF0000">111111</font></li>
      <li><font color="#FF0000">222222</font></li>
      <li><font color="#FF0000">333333</font></li>
   </ul>

   <li id="foldheader">菜单二</li>
   <ul id="foldinglist" style="display:none">
      <li><font color="#0000FF">444444</font></li>
      <li><font color="#0000FF">555555</font></li>
      <li><font color="#0000FF">666666</font></li>
   </ul>

   <li id="foldheader">菜单三</li>
   <ul id="foldinglist" style="display:none">
      <li><font color="#008000">777777</font></li>
      <li><font color="#008000">888888</font></li>
      <li id="foldheader">子菜单</li>
      <ul id="foldinglist" style="display:none">
         <li><font color="#800000">99999999</font></li>
         <li><font color="#800000">00000000</font></li>
      </ul>
      <li><font color="#FF9933">12121212</font></li>
      <li><font color="#FF9933">12121212</font></li>
   </ul>
</ul><script language="JavaScript1.2">
<!--
/**
 * Get cookie routine by Shelley Powers
 * (shelley.powers@ne-dev.com)
 */
function get_cookie(Name) {
  var search = Name + "="
  var returnvalue = "";
  if (document.cookie.length > 0) {
    offset = document.cookie.indexOf(search)
    // if cookie exists
    if (offset != -1) {
      offset += search.length
      // set index of beginning of value
      end = document.cookie.indexOf(";", offset);
      // set index of end of cookie value
      if (end == -1) end = document.cookie.length;
      returnvalue=unescape(document.cookie.substring(offset, end))
      }
   }
  return returnvalue;
}

if (get_cookie(window.location.pathname) != ''){
  var openresults=get_cookie(window.location.pathname).split(" ")
  for (i=0 ; i < openresults.length ; i++){
    foldinglist[openresults[i]].style.display=''
    document.all[foldinglist[openresults[i]].sourceIndex -
1].style.listStyleImage="url(open.gif)"
  }
}

if (document.all){
  var nodelength=foldinglist.length-1
  var nodes=new Array(nodelength)
  var openones=''
}

function check(){
  for (i=0 ; i <= nodelength ; i++){
    if (foldinglist[i].style.display=='')
       openones=openones + " " + i
  }
  document.cookie=window.location.pathname+"="+openones
}

if (document.all)
  document.body.onunload=check
//-->
</script>
</body>
*************高亮显示的连接
<script>

function highlight(which,color){

if (document.all||document.getElementById)

which.style.backgroundColor=color

}

</script>

<p><a href="http://www.mcmx.com/" onMouseover=highlight(this,'yellow') onMouseout="highlight(this,document.bgColor)">链接一</a>

<p><a href="http://www.mcmx.com/" onMouseover=highlight(this,'yellow') onMouseout="highlight(this,document.bgColor)">链接二</a>

<p><a href="http://www.mcmx.com/" onMouseover=highlight(this,'yellow') onMouseout="highlight(this,document.bgColor)">链接三</a>

<p><a href="http://www.mcmx.com/" onMouseover=highlight(this,'yellow') onMouseout="highlight(this,document.bgColor)">链接四</a>
*************点击显示相应的文字
<table><tr><td id=ss>这里是描述内容的单元格</td></table>
<a href=# onclick="ss.innerText='软件作者:何勇平'">软件作者</a><br>
<a href=# onclick="ss.innerText='软件名称:博硕网页设计师'">软件名称</a><br>

 
 


浙江省台州市玉环县微格网络 Copyright 2009 © 微格网络,捷成网络旗下子公司 AllRights Reserved. 浙ICP备09045637号