<!
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"
>
??????????
<
a?
href
="#"
?id
="productsActuator"
?class
="actuator"
>
圖秀地帶收藏夾
</
a
>
??????????
<
ul?
id
="productsMenu"
?class
="menu"
>
????????????
<
li
>
??????????????
<
a?
href
="#"
?id
="newPhonesActuator"
?class
="actuator"
>
我的好友
</
a
>
??????????????
<
ul?
id
="newPhonesMenu"
?class
="submenu"
>
????????????????
<
li
><
a?
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
><
a?
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
><
a?
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
><
a?
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
>
??????????????
<
a?
href
="#"
?id
="compareActuator"
?class
="actuator"
>
陌生人
</
a
>
??????????????
<
ul?
id
="compareMenu"
?class
="submenu"
>
????????????????
<
li
><
a?
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
><
a?
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
><
a?
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
><
a?
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
千山鳥飛絕 閱讀(772)
評論(0) 編輯 收藏 所屬分類:
JavaScript