觸碰式選單

Admin 周五 12月 05, 2008 9:53 am

<font size=5><style type="text/css">

BODY { background: #ffffff }

A {

　text-decoration: none;

　line-weight: 100%;

　font-family: Arial Unicode MS;

　font-size: 10pt;

　color: #000000;

　}

A:hover { text-decoration: underline; color: #ffffff; }　

UL {

　list-style-type: disc;

　font-family: Arial Unicode MS;

　font-size: 10pt;

　color: #000000;

　}

TABLE { line-height: 120%; }　
　　　
SPAN.note { color:#000000; }　　　

</style>

<script language="javascript">

function init() {

　　　contents.style.visibility = "visible";

}

　
function mouseAction(overOrout) {

　　　myTable = contents.style;

　　　if (overOrout) {

　　　　　　actionCheck = 1;

　　　　　　setTimeout("animationMenu(1);", 1);

　　　}

　　　else {

　　　　　　actionCheck = 0;

　　　　　　setTimeout("animationMenu(0);", 1);

　　　}

}

function animationMenu(overOrout) {

　　　if (overOrout && actionCheck) {

　　　　　　if (myTable.pixelTop < -10) {

　　　　　　　　myTable.pixelTop += 10;

　　　　　　　　setTimeout("animationMenu(1)",1);

　　　　　　}

　　　}　

　
　　　else {

　　　　　　if (!actionCheck && myTable.pixelTop > -100) {

　　　　　　　　myTable.pixelTop -=10;

　　　　　　　　setTimeout("animationMenu(0)",1);

　　　　　　}　　
　
　　　}

}

</script>

</head>

<body onLoad="init();" bgcolor="#000000">

<div id="contents"

onmouseOver = "mouseAction(1);"

onmouseOut = "mouseAction(0);"

align="center"

style="position: absolute; top: -100; left: 250; width:

50; visibility: hidden">

<table width="100" border="1"　bordercolor="#ffffff"

cellpadding="0" cellspacing="0" frame="void">

<tr>

<td bgcolor="#000000">

<br>

<a href="01.htm">...這是連結一...</span></a><br>
　
<a href="02.htm">...這是連結二...</span></a><br>
　
<a href="03.htm">...這是連結三...</span></a><br>
　
<a href="04.htm">...這是連結四...</span></a><br>

<a href="05.htm">...這是連結五...</span></a>

<br> </td>

</tr>

<tr>

<td height=18 align=center bgcolor="#000000">

<span style="color: #ffffff; font-size: 8pt; font-
family: arial; letter-spacing: 0.4em">

<b>連結選單</b>

</span>

</td>

</tr>

</table>

</div>

</p></font>