📄 hint_map.htm
字号:
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 3.0//EN" "html.dtd">
<HTML>
<HEAD>
<TITLE> Hint Map Demo </TITLE>
<BASE TARGET="MAIN">
</HEAD>
<BODY BACKGROUND="witerock.jpg">
<H1>Hint Map v1.2 Demo</H1>
<HR WIDTH=100% SIZE=5>
<TABLE COLSPEC="L20 L20" BORDER=0>
<TR><TD><applet code="hint_map.class" width=220 height=136>
<param name=bgcolor value="#c0c0c0">
<param name=foreground value="1234.gif">
<param name=background value="witerock.jpg">
<param name=hot_area1 value="page1.htm, Page 1,10,1,45,57,MAIN">
<param name=hot_area2 value="page2.htm, Page 2,46,25,97,81,MAIN">
<param name=hot_area3 value="page3.htm, Page 3,100,50,149,107,MAIN">
<param name=hot_area4 value="page4.htm, Page 4,150,75,196,130,MAIN">
</applet></TD><TD><STRONG> 'Hint Map' allows image maps within web pages to display Win'95 style 'hint text'. The Image map can provide mulitple hot links to other web pages or internet services (eg mail), and is parameter driven from HTML. Move the mouse over the numbers on the left for a demo. Clicking, then releasing the mouse in a 'hot area' will result in a jump to the appropriate location. The tool bar at the bottom of this page is also implemented using a hint_map.
</STRONG>
</TD></TR>
</TABLE>
<P>
<H2>Features</H2>
<STRONG>Hint Map is implemented using <A HREF="http://java.sun.com">Java</A>, and consists of two classes, hot_area and hint_map. <A HREF="hint_map.java"> Here</A> is the Java source code for both classes. The following features are supported:
<UL>
<LH></LH>
<LI>Imagemap like functionality without server scripts. (Supports JPG & GIF)
<LI>Full support for Netscape Frames (optional frame parameter may be specified for each hotarea)
<LI>Background colour and image may be (optionally) configured to match rest of page
<LI>Supports transparent foreground and background images
<LI>Flicker free loading of images
<LI>Hot areas immediately active - no need to wait for full image load (though hint text will flicker if displayed whilst images still being retrieved)
<LI>Hot areas may be rectangular (specify top left/bottom right corners) or any other polygon (specify corners in cyclic order)
<LI>Applet may be located on different server to HTML & Images, thus allowing use even on platforms without long file name support (eg Compuserve)
</UL
</STRONG>
<H2>Using Hint Map on your Web Pages</H2>
This demo is a fully functional implementation of hint_map, able to support up to 20 hot_areas. However, it is Shareware, and if you decide to use it on your web pages or site, a registration fee of $10 US would be appreciated. For this you will receive the latest version of hint_map, with full instructions for use & examples, together with twelve months of upgrades and bug releases. I also plan to make a configuration applet available to registered users, which will allow the hot areas to be configured by 'drawing onto' the image whilst authoring the web page. (ie, the applet will 'write' its own HTML tag)
<P>You can register online via Compuserve (GO SWREG, Registration ID 10104 or search on HINTMAP), or if you don't have access to Compuserve <A HREF="mailto:100144.3120@compuserve.com">email</A> me and we'll sort something out.
<p>You may be wondering why is the source code included? That's because I hope some of the techniques used will be of interest to others - feel free to use them, but please don't cheat - if a hint-map is what you want, why not register? If you've got any questions or comments, or suggestions for other useful applets, please <A HREF="mailto:100144.3120@compuserve.com">mail </A>me.
<H2>Example</H2>
The following is an example of the HTML used to configure a hint_map within a web page (it's actually the HTML used for the '1234' demo on this page. Look at TOOLBAR.HTM for another example):<p>
<TABLE COLSPEC="L20 L20" BORDER=0>
<TR><TD><applet code="hint_map.class" width=220 height=136><BR>
<param name=bgcolor value="#c0c0c0"><BR>
<param name=foreground value="1234.gif"><BR>
<param name=background value="witerock.jpg"><BR>
<param name=hot_area1 value="page1.htm, Page 1,10,1,45,57,MAIN"><BR>
<param name=hot_area2 value="page2.htm, Page 2,46,25,97,81,MAIN"><BR>
<param name=hot_area3 value="page3.htm, Page 3,100,50,149,107,MAIN"><BR>
<param name=hot_area4 value="page4.htm, Page 4,150,75,196,130,MAIN"><BR>
</applet><BR></TD>
<TD><PRE> </PRE> </TD>
<TD>
Include hint_map.class as an Applet <BR>
Background Color<BR>
Foreground Image<BR>
Background Image<BR>
hot_area1 Definition<BR>
hot_area2 Definition<BR>
hot_area3 Definition<BR>
hot_area4 Definition<BR>
End Applet<BR>
</TD></TR>
</TABLE>
<HR WIDTH=100% SIZE=5>
<P><EM><H6><STRONG>
Last updated 22-Mar-1996/SBH<p>
Copyright ⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -