110 lines
3.2 KiB
HTML
110 lines
3.2 KiB
HTML
<HTML xmlns:expand>
|
|
<HEAD>
|
|
|
|
<TITLE>Behavior Library: Expand</TITLE>
|
|
|
|
<STYLE>
|
|
@media all
|
|
{
|
|
expand\:node {
|
|
behavior: url(expand_js.htc);
|
|
font: bold 10pt verdana
|
|
}
|
|
}
|
|
|
|
H1 {
|
|
font: bold 18pt verdana;
|
|
color: navy
|
|
}
|
|
|
|
.container {
|
|
position:relative;
|
|
top: 25px;
|
|
left: 25px;
|
|
height:175px
|
|
}
|
|
|
|
.contents {
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 0px;
|
|
height: 150px;
|
|
border: solid 1 black;
|
|
padding: 10px;
|
|
width: 125px
|
|
}
|
|
|
|
.topic {
|
|
left: 125px;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
top: 0px;
|
|
height: 150px;
|
|
width: 175px
|
|
}
|
|
A:link { color:#003399; text-decoration:none; }
|
|
A:visited { color:#6699CC; text-decoration:none; }
|
|
A:hover { text-decoration:underline; }
|
|
</STYLE>
|
|
|
|
</HEAD>
|
|
|
|
<BODY BGCOLOR="#ffffff" TEXT="#000000" LINK="#000066" VLINK="#666666">
|
|
<!--TOOLBAR_START--><!--TOOLBAR_EXEMPT--><!--TOOLBAR_END-->
|
|
|
|
<H1>Expand/Collapse Menu</H1>
|
|
|
|
<P>
|
|
<FONT FACE="verdana,arial,helvetica" SIZE=1>
|
|
<A href="#" onclick=self.close()><IMG ALIGN="middle" SRC="demo.gif" WIDTH="16" HEIGHT="16" BORDER="0" ALT="Click to Close Sample"></A>
|
|
<A href="#" onclick=self.close()>Close This Sample</A>
|
|
</FONT><HR>
|
|
|
|
<!---------------------------------------------------------------------------->
|
|
<!-- TABLE OF CONTENTS, USING THE EXPAND/COLLAPSE BEHAVIOR ------------------->
|
|
<!---------------------------------------------------------------------------->
|
|
|
|
<DIV class="container">
|
|
|
|
<DIV class="contents">
|
|
<expand:node imgExpand="default" href="book.htm" target="topic" title="A Book">The Book
|
|
|
|
<expand:node imgExpand="default" href="chap1.htm" target="topic" title="Chapter 1">Chapter 1
|
|
|
|
<expand:node imgExpand="default" href="chap1pt1.htm" target="topic" title="Chapter 1, Part 1">Part 1
|
|
</expand:node>
|
|
|
|
<expand:node imgExpand="default" href="chap1pt2.htm" target="topic" title="Chapter 1, Part 2">Part 2
|
|
</expand:node>
|
|
|
|
</expand:node>
|
|
|
|
<expand:node imgExpand="default" href="chap2.htm" target="topic" title="Chapter 2">Chapter 2
|
|
</expand:node>
|
|
|
|
<expand:node imgExpand="default" href="chap3.htm" target="topic" title>Chapter 3
|
|
</expand:node>
|
|
|
|
</expand:node>
|
|
</DIV>
|
|
|
|
<!---------------------------------------------------------------------------->
|
|
<!-- TOPIC AREA, PAGES ARE SELECTED USING THE TABLE OF CONTENTS -------------->
|
|
<!---------------------------------------------------------------------------->
|
|
|
|
<IFRAME NAME="topic" CLASS="topic" SRC="book.htm" SCROLLING="no" NORESIZE></IFRAME>
|
|
|
|
</DIV>
|
|
|
|
<DIV style="position:relative">
|
|
<P>
|
|
<HR>
|
|
<FONT FACE="MS SANS SERIF" SIZE="1" COLOR="BLACK">
|
|
© <A HREF="http://www.microsoft.com/misc/info/cpyright.htm" TARGET="_top">2001 Microsoft Corporation. All rights reserved. Terms of use</A>.
|
|
</FONT>
|
|
<P>
|
|
</DIV>
|
|
|
|
</BODY>
|
|
</HTML>
|