?? userman.html
字號:
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<title>XeoMenu Documentation</title>
</head>
<body bgcolor="#FFFFFF">
<p><img src="screenshot.gif" valign="top" align="left" hspace="16"
width="161" height="422">
<h1 align="center">XeoMenu 1.1</h1>
<p align="center">by Patrick Chan</p>
The XeoMenu applet takes an image and allows you to
overlay menus on the image. You define <em>hotbox</em> areas on
the image and when the user rolls the cursor into a hotbox, two
things happen - first, the sub-image in the hotbox changes
appearance and second, a menu of menu items appears. </p>
<h3>Menus and Menu Items</h3>
<p>Here is a screenshot of the XeoMenu in action. The cursor was
moved into the hotbox labeled "Where Can I Read
About...!" which causes the hotbox to change (the copy
becomes italics) and a menu of eight menu items to appear. In the
screenshot, the cursor is currently over the menu item labeled
"Tutorial" which causes the menu item to highlight. If
the user now clicks on the menu item, the browser would go to the
HTML page that describes the Online Java Tutorial.</p>
<p>Since the XeoMenu applet was built to Javasoft's
specifications, the menus are not as general as you would like.
In particular, the menu always appears to the right of the
hotbox. Also, the labels of the menu items are always right
justified. Finally, there is always an outline around each menu
item. This applet might be extended someday to allow for more
general layout but for now, you will have to modify the code if
you want a different menu layout.</p>
<br clear=all>
<p> </p>
<h3>The Parameters</h3>
<p>Here is the documentation for the applet parameters. All the
parameters must be specified, even if they will not be used.</p>
<table border="1" width="100%">
<tr>
<th align="left" valign="top"><font size="4"><strong>Parameters</strong></font></th>
<th align="left" width="50%"><font size="4">Description</font></th>
<th align="left" valign="top"><font size="4">Example</font></th>
</tr>
<tr>
<td valign="top"><strong>image</strong></td>
<td width="50%">names the file containing the background
image and the rollover images.</td>
<td valign="top"><param name=image
value="background.gif"></td>
</tr>
<tr>
<td><strong>bg-color</strong></td>
<td width="50%">specifies a color to paint behind the
background image. This color is only visible if the
background image has transparent pixels or if the applet
is larger than the background image. </td>
<td> </td>
</tr>
<tr>
<td valign="top"><strong>separator</strong></td>
<td width="50%">specifies the character used to separate
items in menuX parameters.</td>
<td valign="top"><param name=separator
value="|"></td>
</tr>
<tr>
<td valign="top"><strong>newline</strong></td>
<td width="50%">specifies the character used to force a
newline in a menu item.</td>
<td valign="top"><param name=separator
value="^"></td>
</tr>
<tr>
<td valign="top"><strong>font</strong></td>
<td width="50%">the font type to use for the menu items.
There are only three possible values - Helvetica,
TimesRoman, and Courier.</td>
<td valign="top"><param name=separator
value="Helvetica"></td>
</tr>
<tr>
<td valign="top"><strong>font-height</strong></td>
<td width="50%">the pixel height of the font to use for
the menu items.</td>
<td valign="top"><param name=separator
value="14"></td>
</tr>
<tr>
<td valign="top"><strong>marginh</strong></td>
<td width="50%">the number of pixels to the left and
right of the menu item labels.</td>
<td valign="top"><param name=marginh
value="2"></td>
</tr>
<tr>
<td valign="top"><strong>marginv</strong></td>
<td width="50%">the number of pixels above and below each
menu item label.</td>
<td valign="top"><param name=marginv
value="2"></td>
</tr>
<tr>
<td valign="top"><strong>fg-menu-color</strong></td>
<td width="50%">the color to paint the text of the menu
item labels. The color is specified by an RGB triplet of
3 decimal numbers in the range of 0-255.</td>
<td valign="top"><param name=fg-menu-color
value="0 0 0"></td>
</tr>
<tr>
<td valign="top"><strong>fg-hi-menu-color</strong></td>
<td width="50%">the color to paint the text of
highlighted menu item labels. The color is specified by
an RGB triplet of 3 decimal numbers in the range of
0-255.</td>
<td valign="top"><param name=fg-hi-menu-color
value="255 255 255"></td>
</tr>
<tr>
<td valign="top"><strong>bg-menu-color</strong></td>
<td width="50%">the color to paint the background of the
menu items. The color is specified by an RGB triplet of 3
decimal numbers in the range of 0-255.</td>
<td valign="top"><param name=bg-menu-color
value="0 255 0"></td>
</tr>
<tr>
<td valign="top"><strong>bg-hi-menu-color</strong></td>
<td width="50%">the color to paint the background of
highlighted menu items. The color is specified by an RGB
triplet of 3 decimal numbers in the range of 0-255.</td>
<td valign="top"><param name=bg-hi-menu-color
value="10 10 10"></td>
</tr>
<tr>
<td valign="top"><strong>target</strong></td>
<td width="50%">if present, specifies the target frame
that will show the new url.</td>
<td valign="top"><param name=target
value="otherframe"></td>
</tr>
<tr>
<td valign="top"><strong>menuX</strong></td>
<td valign="top" width="50%">where X starts at 0 and
increases upward by 1.<p>The value of this parameter is
made up of 5 non-optional values, separated by the
separator character describe above:</p>
<table border="1">
<tr>
<td valign="top"><strong>hotbox</strong></td>
<td>a set of four numbers specifying a rectangle
on the image. When the cursor rolls into the
hotbox, a menu is displayed.<p>The four numbers
are - x, y, width, and height.</p>
</td>
</tr>
<tr>
<td valign="top"><strong>srcImage</strong></td>
<td>a set of four numbers specifying a rectangle
on the image. When the cursor rolls into the
hotbox, the sub-image defined by srcImage is
drawn over the main image. The location is
defined by dstPt.<p>The four numbers are - x, y,
width, and height.</p>
</td>
</tr>
<tr>
<td valign="top"><strong>dstPt</strong></td>
<td>is a set of two number specifying the
location on the image that srcImage should
appear.<p>The two numbers are - x, and y.</p>
</td>
</tr>
<tr>
<td valign="top"><strong>downUp</strong></td>
<td>parameter specifying whether the menu should
be drawn downward or upward from dstPt.</td>
</tr>
<tr>
<td valign="top"><strong>mainUrl</strong></td>
<td>the url that the applet will send the browser
when the user clicks in the hotbox.</td>
</tr>
</table>
<p>The values that follow the above non-optional 5 values
specify the menu items for the menu. If no values are
specified, no menu will appear when the cursor moves into
the hotbox. </p>
<p>The menu items are specified by pairs of values.</p>
<table border="1">
<tr>
<td valign="top"><strong>label</strong></td>
<td>is the menu label. A menu label can appear on
more than one line by using the newline parameter
described above.</td>
</tr>
<tr>
<td valign="top"><strong>url</strong></td>
<td>the url that the applet will send the browser
when the user clicks on the menu item.</td>
</tr>
</table>
</td>
<td valign="top"><param name=menu0 value="<br>
0 0 148 18|<br>
148 0 148 18|<br>
0 0|<br>
d|<br>
/nav/whatis/index.html|<br>
Intro FAQ|/nav/whatis/introfaq.html|<br>
Java Story|/nav/whatis/index.html"></td>
</tr>
<tr>
<td valign="top"><strong>cabbase</strong></td>
<td width="50%">names the cab file. A cab file is a
compressed set of .class files that can be read by
Microsoft's Internet Explorer. <p>See www.microsoft.com
for more information about cab files</p>
</td>
<td valign="top"><param name=cabbase
value="xeomenu.cab"></td>
</tr>
</table>
<p> </p>
</body>
</html>
?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -