Applying Sliding Layer to Text Menu

[Table of Contents]

Applying Sliding Layer Effect to Text Menu
Create Floating Layer
Background Fade In/Out and Wipe Effect
Creating a Popup Reminder Window
Applying Action to Rollover Imanges

Creates the text menu script which slides in from the edge of the browser window when the mouse pointer is rolled over it.

Example
If you move your mouse pointer to the left edge of the window in the space below, you will see an example of the slide layer effect applied to the text menu.

Step by Step Instruction

1. Choose [Script > Script Wizard...] from the Insert menu.

2. Select Text menu item from the Script list in the Script Wizard - Select Script dialog box.

3. Click the Next button.

4. Press the Add... button in Script Wizard - Text Menu dialog box to make the first menu.

5. Menu Item Settings dialog box appears.

6. Enter the name of the menu item in the Item name text box.

7. Enter the path or URL to the document that will be opened if the menu item is selected in the URL text box. You can type this in, or click Browse... to locate and select a file on your local drive; click Project... to select a file from the current project (if any); or click Open Files... to select a currently open document.

8. Press OK button.

9. Press Add in Script Wizard - Create Text Menu dialog box to make the second menu or click Next to proceed to the next step of the Script Wizard.

10. Specify colors, font and other formats for the text menu in the Script Wizard - Format Menu dialog box.

11. Press the Next button.

12. In Script Wizard - Menu Action dialog box, select Slide Menu and select the location where the layer appears as the mouse approaches. Click Finish button to end the wizard.

Check if the text menu slides into the screen as the mouse pointer approaches in Preview window.

Namo Interactive Inc.

This document is created using Namo WebEditor 4 on August 2, 2000.