按鈕一 按鈕二 按鈕三 按鈕四

按鈕一 按鈕二 按鈕三 按鈕四

安裝

步驟一  拷貝以下腳本後貼在有關網頁的<head></head>之間。

    
<style> #message div.menuBar, #message div.menuBar a.menuButton { font-family: 宋體; font-size: 8pt; color: #000000; } #message div.menuBar { background-color: #D9F5FC; padding: 6px 2px 6px 2px; text-align: center; margin-left:20px; } #message div.menuBar a.menuButton { background-color: transparent; border: 2px solid; border-color: #FFFFFF #666666 #666666 #FFFFFF; color: #666666; cursor: pointer; left: 0px; margin: 1px; padding: 2px 6px 2px 6px; xposition: relative; text-decoration: none; top: 0px; z-index: 100; } #message div.menuBar a.menuButton:hover { background-color: transparent; border-color: #666666 #FFFFFF #FFFFFF #666666; color: #000000; } </style>

步驟三  拷貝以下腳本貼在網頁的<body>之下，您安排的位置。

    
<p align="center" class="center"><table><tr><td> <DIV id="message"><div class="menuBar"> <a class="menuButton" href="1.html">按鈕一</a> <a class="menuButton" href="2.html">按鈕二</a> <a class="menuButton" href="3.html">按鈕三</a> <a class="menuButton" href="4.html">按鈕四</a> </div></div> </td></tr></table></p> <br> <p align="center" class="center"><table><tr><td> <DIV id="message"><div class="menuBar"> <a class="menuButton" href="1.html">按鈕一</a><p> <a class="menuButton" href="2.html">按鈕二</a><p> <a class="menuButton" href="3.html">按鈕三</a><p> <a class="menuButton" href="4.html">按鈕四</a> </div></div> </td></tr></table></p>