Форум АНТИЧАТ - Показать сообщение отдельно

Вот тебе пример на скорую руку.
PHP код:

		
			
<html>

<head>

<title></title>

<meta http-equiv=Content-Type content="text/html; charset=windows-1251">

<style type="text/css">

<!--

#menu table, td {

    width: 150px;

    background-color: #EEE;

    border: #CCC solid 1px;

    border-collapse: collapse;

    color: #000;

    text-align: center;

    line-height: 20px;

}

#menu td:hover {

    background-color: #DDD;

}

//-->

</style>

<script type="text/javascript">

<!--

var shift = 10;

var offset = -210;



function slider(d){

    if(d){

        if (window.downT) clearInterval(downT);

        upT = setInterval("moveup()",1);

    } else {

        if (window.upT) clearInterval(upT);

        downT = setInterval("movedown()",1);

    }

}

function moveup(){

    var s = document.getElementById('menu').style;

    var t = parseInt(s.top);

    if(t > offset) s.top = (t - shift)+'px';

    else if(window.up) clearInterval(upT);

}

function movedown(){

    var s = document.getElementById('menu').style;

    var t = parseInt(s.top);

    if(t < 0) s.top = (t + shift)+'px';

    else if(window.downT) clearInterval(downT);

}

//-->

</script>



</head>

<body onload="document.getElementById('menu').style.top=offset+'px'">



<div id="menu" onmouseover="slider(0)" onmouseout="slider(1)" style="position:absolute;">

  <table>

    <tr><td>- 1 -</td></tr>

    <tr><td>- 2 -</td></tr>

    <tr><td>- 3 -</td></tr>

    <tr><td>- 4 -</td></tr>

    <tr><td>- 5 -</td></tr>

    <tr><td>- 6 -</td></tr>

    <tr><td>- 7 -</td></tr>

    <tr><td>- 8 -</td></tr>

    <tr><td>- 9 -</td></tr>

    <tr><td>- - -</td></tr>

  </table>

</div>

</body>

</html>