JAVA涂鸦
关于JAVA的点点滴滴
posts - 50,  comments - 689,  trackbacks - 0
<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
< HTML >
< HEAD >
< TITLE >  New Document  </ TITLE >
< META  NAME ="Generator"  CONTENT ="EditPlus" >
< META  NAME ="Author"  CONTENT ="" >
< META  NAME ="Keywords"  CONTENT ="" >
< META  NAME ="Description"  CONTENT ="" >
</ HEAD >

< BODY >
< script >
if  ( ! document.getElementById)
    document.getElementById 
=   function ()  return   null ; }

function  initializeMenu(menuId, actuatorId)  {
    
var  menu  =  document.getElementById(menuId);
    
var  actuator  =  document.getElementById(actuatorId);

    
if  (menu  ==   null   ||  actuator  ==   null return ;

    
// if (window.opera) return; // I'm too tired

    actuator.parentNode.style.backgroundImage 
=   " url(/images/plus.gif) " ;
    actuator.onclick 
=   function ()  {
        
var  display  =  menu.style.display;
        
this .parentNode.style.backgroundImage  =
            (display 
==   " block " ?   " url(/images/plus.gif) "  :  " url(/images/minus.gif) " ;
        menu.style.display 
=  (display  ==   " block " ?   " none "  :  " block " ;

        
return   false ;
    }

}

 window.onload 
=   function ()  {
            initializeMenu(
" productsMenu " " productsActuator " );
            initializeMenu(
" newPhonesMenu " " newPhonesActuator " );
            initializeMenu(
" compareMenu " " compareActuator " );
        }

</ script >
< style >
body 
{
  font-family
:  verdana, helvetica, arial, sans-serif ;
}


#mainMenu 
{
  background-color
:  #EEE ;
  border
:  1px solid #CCC ;
  color
:  #000 ;
  width
:  203px ;
}


#menuList 
{
  margin
:  0px ;
  padding
:  10px 0px 10px 15px ;
}


li.menubar 
{
  background
:  url(/images/plus.gif) no-repeat 0em 0.3em ;
  font-size
:  12px ;
  line-height
:  1.5em ;
  list-style
:  none outside ;
}


.menu, .submenu 
{
  display
:  none ;
  margin-left
:  15px ;
  padding
:  0px ;
}


.menu li, .submenu li 
{
  background
:  url(/images/square.gif) no-repeat 0em 0.3em ;
  list-style
:  none outside ;
}


a.actuator 
{
  background-color
:  transparent ;
  color
:  #000 ;
  font-size
:  12px ;
  padding-left
:  15px ;
  text-decoration
:  none ;
}


a.actuator:hover 
{
  text-decoration
:  underline ;
}


.menu li a, .submenu li a 
{
  background-color
:  transparent ;
  color
:  #000 ;
  font-size
:  12px ;
  padding-left
:  15px ;
  text-decoration
:  none ;
}


.menu li a:hover, submenu li a:hover 
{
  
/* border-bottom: 1px dashed #000; */
  text-decoration
:  underline ;
}


span.key 
{
  text-decoration
:  underline ;
}

</ style >
</ head >
< body >
< div  id ="mainMenu" >
      
< ul  id ="menuList" >
        
< li  class ="menubar" >
          
< href ="#"  id ="productsActuator"  class ="actuator" > 图秀地带收藏夹 </ a >
          
< ul  id ="productsMenu"  class ="menu" >
            
< li >
              
< href ="#"  id ="newPhonesActuator"  class ="actuator" > 我的好友 </ a >
              
< ul  id ="newPhonesMenu"  class ="submenu" >
                
< li >< href ="<a href=" http://mc.mapabc.com/mapcard/card.jsp?pp =1000000001"  target ="_blank" > http://mc.mapabc.com/mapcard/card.jsp?pp=1000000001 </ a > ">张三[10000001] </ a ></ li >
                
< li >< href ="<a href=" http://mc.mapabc.com/mapcard/card.jsp?pp =1000000001"  target ="_blank" > http://mc.mapabc.com/mapcard/card.jsp?pp=1000000001 </ a > ">李四[10000002] </ a ></ li >
                
< li >< href ="<a href=" http://mc.mapabc.com/mapcard/card.jsp?pp =1000000001"  target ="_blank" > http://mc.mapabc.com/mapcard/card.jsp?pp=1000000001 </ a > ">张三[10000001] </ a ></ li >
                
< li >< href ="<a href=" http://mc.mapabc.com/mapcard/card.jsp?pp =1000000001"  target ="_blank" > http://mc.mapabc.com/mapcard/card.jsp?pp=1000000001 </ a > ">李四[10000002] </ a ></ li >
              
</ ul >
            
</ li >
            
< li >
              
< href ="#"  id ="compareActuator"  class ="actuator" > 陌生人 </ a >
              
< ul  id ="compareMenu"  class ="submenu" >
                
< li >< href ="<a href=" http://mc.mapabc.com/mapcard/card.jsp?pp =1000000001"  target ="_blank" > http://mc.mapabc.com/mapcard/card.jsp?pp=1000000001 </ a > ">张三[10000001] </ a ></ li >
                
< li >< href ="<a href=" http://mc.mapabc.com/mapcard/card.jsp?pp =1000000001"  target ="_blank" > http://mc.mapabc.com/mapcard/card.jsp?pp=1000000001 </ a > ">李四[10000002] </ a ></ li >
                
< li >< href ="<a href=" http://mc.mapabc.com/mapcard/card.jsp?pp =1000000001"  target ="_blank" > http://mc.mapabc.com/mapcard/card.jsp?pp=1000000001 </ a > ">张三[10000001] </ a ></ li >
                
< li >< href ="<a href=" http://mc.mapabc.com/mapcard/card.jsp?pp =1000000001"  target ="_blank" > http://mc.mapabc.com/mapcard/card.jsp?pp=1000000001 </ a > ">李四[10000002] </ a ></ li >
              
</ ul >
            
</ li >
          
</ ul >
        
</ li >
      
</ ul >
    
</ div >
  
</ body >
</ BODY >
</ HTML >
posted on 2007-04-01 16:21 千山鸟飞绝 阅读(751) 评论(0)  编辑  收藏 所属分类: JavaScript

只有注册用户登录后才能发表评论。


网站导航:
 
正在阅读:



<2024年4月>
31123456
78910111213
14151617181920
21222324252627
2829301234
567891011

常用链接

留言簿(35)

随笔档案

文章分类

文章档案

好友的blog

我的其他blog

老婆的Blog

搜索

  •  

积分与排名

  • 积分 - 771369
  • 排名 - 55

最新评论

阅读排行榜

评论排行榜