자바를 하나 찾았는뎅...-_-;;어케 써야 되는 지 몰라서 말이져...
각 수치마다 어디에 쓰이는 지 점 일러 주세여~^-^

<SCRIPT LANGUAGE="JavaScript">
<!-- Beginning of JavaScript -

// CREDITS:
// Top-Slide-Menu
// Copyright (c) 2000 Peter Gehrig and Urs Dudli. All rights reserved.
// Permission given to use the script provided that this notice remains as is.
// Additional scripts can be found at http://www.24fun.com.
// info@24fun.ch
// 2/10/2000

// IMPORTANT:
// If you add this script to a script-library or script-archive
// you have to add a link to http://www.24fun.com on the webpage

// INSTRUCTIONS:
// 1.   Create an imagemap (image with hotspots) for each of your menu categories.
// 2.   Put each imagemap into a DIV-Container. These DIV-containers must be called
//      menu1, menu2, menu3 and so on. Insert those DIV-containers at the end
//      of the body-section.
// 3.   Configure the vertical and horizontal position of each imagemap (just below)
// 4.   The bottom part of each imagemap calls a special function called            
//      getmenuname('menu1'). See inside the body-section how this should look like.
// 5.   The top part of each imagemap is simple imagemapping where you can configure
//      the hotspots for your links. In this sample only one URL for each category
//      has been configured. Yet you can add as many links as you like.
// 6.   Do not forget to copy the style-tag inside the head-section of the document.
// 7.   Configure the script-variables just below.

//  Configure the horizontal position for each menu-category  (pixels)
//  If you want more than 3 menu categories you have to add menu4left, menu5left
//  and so on.
var menu1left=20

//  Configure the vertical position for your menu-categories (pixels).
//  This value should be the same for all menu-categories
var menutop=-180

// This variable configures the length and the speed of the menu-movement.
// Play around with it until you are satisfied.
var pace=18

//  If you want more than 3 menu categories you have to add vorzeimenu4,
//  vorzeimenu5, vorzeimenu6 and so on
var vorzeimenu1=-1

// Don't edit the variables below.
var step
var direction
var pause=25

var thismenu
var vorzeichen=1

var menuismoving="no"

// If you have more than 3 menu-catagories
// you have to change this function too. It sould be not too difficult.
// In fact it's just a matter of proper counting!
function inite() {
        if (document.layers) {
        document.menu1.left=menu1left
        document.menu1.top=menutop
        }        
        if (document.all) {
        document.all.menu1.style.posLeft=menu1left
        document.all.menu1.style.posTop=menutop
        }
}

// This function needs no configuration
function getmenuname(clickedmenu) {
    if (menuismoving=="no") {
            if (document.layers) {
            thismenu=eval("document."+clickedmenu)
            }        
            if (document.all) {
            thismenu=eval("document.all."+clickedmenu+".style")
            }
        step=pace
        checkdirection()
            movemenu()
    }
}

// If you have more than 3 menu-catagories
// you have to change this function too. It's just a matter of proper counting!
function checkdirection() {
        if (document.layers) {    
        if (thismenu==document.menu1){vorzeimenu1=vorzeimenu1*-1;vorzeichen=vorzeimenu1}
        }        
        if (document.all) {
        if (thismenu==document.all.menu1.style){vorzeimenu1=vorzeimenu1*-1;vorzeichen=vorzeimenu1}
        }
    menuismoving="yes"
}

// This function needs no configuration
function movemenu() {
        if (document.layers) {
        if (step>=0) {
            thismenu.top+=step*vorzeichen
            step--
            var movetimer=setTimeout("movemenu()",pause)  
            }
        else {
            menuismoving="no"
            clearTimeout(movetimer)
        }
        }          
        if (document.all) {
        if (step>=0) {
            thismenu.posTop+=step*vorzeichen
            step--
            var movetimer=setTimeout("movemenu()",pause)  
            }
        else {
            menuismoving="no"
            clearTimeout(movetimer)
        }
    }
}
// - End of JavaScript - -->
</SCRIPT>

<style type="text/css">
.menu {position:absolute;left:-1000px;}
</STYLE>
</head>
<body bgcolor=#707070 text=#bbbbbb link="blue" vlink="purple" alink="red" oncontextmenu="return false"
ondragstart="return false" onselectstart="return false" scroll="no" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="inite();">
<p>
<DIV ID="menu1" class="menu">
<img src="img/ff-menu.gif" width="100" height="200" BORDER=0 usemap="#men1"> </p>
<MAP NAME="men1">

    <area shape="rect" coords="9, 181, 89, 196" href="javascript:getmenuname('menu1')" onfocus="this.blur()">
    <area shape="rect" coords="9, 24, 89, 37" href="ff1.html" target="ff-main" onfocus="this.blur()">
    <area shape="rect" coords="9, 39, 89, 50" href="ff2.html" target="ff-main" onfocus="this.blur()">
    <area shape="rect" coords="10, 53, 89, 64" href="ff3.html" target="ff-main" onfocus="this.blur()">
    <area shape="rect" coords="10, 67, 90, 77" href="ff4.html" target="ff-main" onfocus="this.blur()">
    <area shape="rect" coords="9, 82, 88, 92" href="ff5.html" target="ff-main" onfocus="this.blur()">
    <area shape="rect" coords="10, 95, 90, 106" href="ff6.html" target="ff-main" onfocus="this.blur()">
    <area shape="rect" coords="9, 110, 92, 119" href="ff7.html" target="ff-main" onfocus="this.blur()">
    <area shape="rect" coords="10, 124, 94, 134" href="ff8.html" target="ff-main" onfocus="this.blur()">
    <area shape="rect" coords="10, 138, 92, 147" href="ff9.html" target="ff-main" onfocus="this.blur()">
</MAP></DIV>
</body>

</html>