When an icon is clicked, this script glides in a menu from screen-left. Clicking on the same icon in the menu causes it to slide off the screen, with the triggering icon sliding back in. The script can be set to have either the trigger icon or the menu show on start-up; and the menu and trigger icon positions can be set via script variables.
</style><center> <!--
Place the two <div>'s below in the <body> of your code.
(Normally, this will be immediately after the <body>
tag.) The menuShow div will contain your links; change
the text, links, and targets as needed.
//-->
<!--
Put the following script immediately *after* the
<div>'s (above) in your page. Set the variables as
indicated in the script.
//-->
<scriptlanguage="javascript"type="text/javascript"> /* Visit http://www.yaldex.com/
for full source code
and get more free JavaScript, CSS and DHTML scripts! */
<!-- Original: David Sosnowski (support@codelifter.com) -->
<!-- Web Site: http://www.codelifter.com -->
<!-- Begin
// (C) 2001 www.CodeLifter.com
// http://www.codelifter.com
// Free for all users, but leave in this header.
// Set Show to "yes" to show the menu on start-up.
// Set Show to "no" to show the selector on start-up.
Show ="yes";
// Set OffX in pixels to a
negative number
// somewhat larger than the width of the menu.
var
OffX =-150;
// Set the PosX and PosY
variables
// to the location on the screen where the
// menu should position (in pixels) when stopped.
var
PosX =250; var
PosY =300;
// Usually, use the settings
shown; but you can
// change the speed and the increment of motion
// across the screen, below.
var
speed =1; var
increment =1; var
incrementNS4 =5;// for slower NS4 browsers
// do not edit below this line
// ===========================
var
is_NS =navigator.appName=="Netscape"; var
is_Ver =parseInt(navigator.appVersion); var
is_NS4 =
is_NS&&is_Ver>=4&&is_Ver<5; var
is_NS5up =
is_NS&&is_Ver>=5;
var
MenuX =
OffX; var
SelX =
PosX; var
sPosX =
PosX; var
sOffX =
OffX;