|
|
Line 1: |
Line 1: |
| <HTML> | | <HTML> |
| <HEAD> | | <HEAD> |
- | <!-- Menu html/js/ex/9.bk Floating layers -->
| + | |
| | | |
| <link rel="stylesheet" type="text/css" href="../../default.css"> | | <link rel="stylesheet" type="text/css" href="../../default.css"> |
- | <TITLE>JavaScript - Floating layers</TITLE>
| + | |
| <SCRIPT LANGUAGE="JavaScript1.2" SRC="../../RollOver.js"></SCRIPT> | | <SCRIPT LANGUAGE="JavaScript1.2" SRC="../../RollOver.js"></SCRIPT> |
| | | |
Line 28: |
Line 28: |
| </style> | | </style> |
| | | |
- | <script language="JavaScript1.2">
| |
| | | |
- | RollImgBase='../../images/';
| |
- | RollOverImage('', 'menu', 'menu2.gif', 'menu.gif', 110, 25,
| |
- | 'javascript:openMenu()', 'Java Site Menu', 1);
| |
| | | |
- | RollOverImage('', 'm1', 'pmenu2.gif', 'pmenu.gif', 110, 25,
| |
- | '', 'Programming Sections', 1);
| |
- |
| |
- | RollOverImage('', 'm2', 'midi2.gif', 'midi.gif', 110, 25,
| |
- | '../../midi/index.html', 'MIDI Music', 1);
| |
- |
| |
- | RollOverImage('', 'download', 'download2.gif', 'download.gif', 110, 25,
| |
- | '../../downloads.html', 'Downloads', 1);
| |
- |
| |
- | RollOverImage('', 'feedback', 'feedback2.gif', 'feedback.gif', 110, 25,
| |
- | '../../feedback.html', 'Feedback Form', 1);
| |
- |
| |
- |
| |
- | RollOverImage('progmenu', 'm1i1', 'c2.gif', 'c.gif', 110, 25,
| |
- | '../../c/index.html', 'C Programming Section', 1);
| |
- |
| |
- | RollOverImage('progmenu', 'm1i2', 'java2.gif', 'java.gif', 110, 25,
| |
- | '../../java/index.html', 'Java Section', 1);
| |
- |
| |
- | RollOverImage('progmenu', 'm1i3', 'perl2.gif', 'perl.gif', 110, 25,
| |
- | '../../perl/index.html', 'Perl Section', 1);
| |
- |
| |
- | RollOverImage('progmenu', 'm1i4', 'html2.gif', 'html.gif', 110, 25,
| |
- | '../../html/index.html', 'HTML Authoring', 1);
| |
- |
| |
- | RollOverImage('progmenu', 'm1i5', 'mqseries2.gif', 'mqseries.gif', 110, 25,
| |
- | '../../MQSeries/index.html', 'IBM MQSeries', 1);
| |
- |
| |
- |
| |
- | //RollOverImage('midimenu', 'm2i1', 'songs2.gif', 'songs.gif', 110, 25,
| |
- | // '../../midi/index.html#thesongs', 'Songs', 1);
| |
- |
| |
- | RollOverImage('miscmenu', 'm2i2', 'misc2.gif', 'misc.gif', 110, 25,
| |
- | '../../misc/index.html', 'Miscellaneous Stuff', 1);
| |
- |
| |
- | RollOverImage('miscmenu', 'm2i1', 'midi2.gif', 'midi.gif', 110, 25,
| |
- | '../../midi/index.html', 'MIDI comments', 1);
| |
- |
| |
- | RollOverImage('', 'consult', 'consult2.gif', 'consult.gif', 110, 25,
| |
- | '../../r_a_micro/index.html', 'Consultancy Services', 1);
| |
- | </script>
| |
- | <script language="javascript">
| |
- | function init(){
| |
- | RollOverInit();
| |
- | titleMnuStyle = new RollOverStyle('TitleMenu','TitleMenuItem',null,null,null,null,null);
| |
- |
| |
- | mnu1 = new RollOverMenu('m1',titleMnuStyle,'progmenu','');
| |
- | mnu1.addImgItem(RollImgBase+'c.gif','../../c/index.html','C Programming Section');
| |
- | mnu1.addImgItem(RollImgBase+'java.gif','../../java/index.html','Java Section');
| |
- | mnu1.addImgItem(RollImgBase+'perl.gif','../../perl/index.html','Perl Section');
| |
- | mnu1.addImgItem(RollImgBase+'html.gif','../../html/index.html','HTML Authoring');
| |
- | mnu1.addImgItem(RollImgBase+'mqseries.gif','../../MQSeries/index.html','IBM MQSeries');
| |
- |
| |
- | mnu2 = new RollOverMenu('m2',titleMnuStyle,'miscmenu','');
| |
- | mnu2.addImgItem(RollImgBase+'midi.gif','../../midi/index.html','Midi Songs');
| |
- | mnu2.addImgItem(RollImgBase+'misc.gif','../../misc/index.html','Miscellaneous Stuff');
| |
- | }
| |
- | </script>
| |
- |
| |
- | <script language="javascript">
| |
- | RollOverImage('', 'home', 'home2.gif', 'home.gif', 110, 25,
| |
- | '../../index.html', 'Fiendish Homepage', 1);
| |
- | </script>
| |
| <META NAME="Author" CONTENT="Rob Quince"> | | <META NAME="Author" CONTENT="Rob Quince"> |
| <META NAME="Description" CONTENT="JavaScript floating layers, a brief howto"> | | <META NAME="Description" CONTENT="JavaScript floating layers, a brief howto"> |
Line 188: |
Line 121: |
| <TD WIDTH=40><BR></TD> | | <TD WIDTH=40><BR></TD> |
| <TD HEIGHT=90> | | <TD HEIGHT=90> |
- | <h1>JavaScript - Floating layers
| |
- | <A HREF="timers.html" TARGET="_top"><IMG
| |
- | SRC="../../images/prev_page.gif" WIDTH=26 HEIGHT=26 ALT="[Previous]"
| |
- | ALIGN=absbottom BORDER=0 hspace=0></A>
| |
- | <A HREF="index.html" TARGET="_top"><IMG
| |
- | SRC="../../images/go_home.gif" WIDTH=26 HEIGHT=26 ALT="[Home]"
| |
- | ALIGN=absbottom BORDER=0></A>
| |
- |
| |
- | </h1>
| |
| | | |
| </TD> | | </TD> |
Line 226: |
Line 150: |
| <div class="example"> | | <div class="example"> |
| <div> | | <div> |
- | <pre class="example">
| + | |
- | <script language="javascript" src="FloatLayer.js"></script>
| + | |
- | </pre>
| + | |
| </div> | | </div> |
| </div> | | </div> |
Line 236: |
Line 158: |
| <HR NOSHADE WIDTH="100%"> | | <HR NOSHADE WIDTH="100%"> |
| <CENTER> | | <CENTER> |
- | <P>
| + | |
- | <A HREF="../../index.html"
| + | |
- | TARGET="_top"
| + | |
- | ONMOUSEOVER="return RollOver('home')"
| + | |
- | ONMOUSEOUT="return RollOff('home')"><IMG
| + | |
- | WIDTH=110 HEIGHT=25
| + | |
- | NAME="home" ALT="[Fiendish Home]"
| + | |
- | SRC="../../images/home.gif"
| + | |
- | BORDER=0></A>
| + | |
- | </P>
| + | |
| </CENTER> | | </CENTER> |
| <HR WIDTH=750 NOSHADE> | | <HR WIDTH=750 NOSHADE> |
Line 251: |
Line 164: |
| <TR><TD align=center> | | <TR><TD align=center> |
| | | |
- | <P STYLE="font-size: 75%">
| + | |
- | Content of this page Copyright © Robert Quince 1996 - 2005.<BR>
| + | |
- | <A HREF="/feedback.html"> Site Comments</A>
| + | |
- | </P>
| + | |
| </TD> | | </TD> |
| </TR> | | </TR> |