Форум АНТИЧАТ

Форум АНТИЧАТ (https://forum.antichat.xyz/index.php)
-   PHP, PERL, MySQL, JavaScript (https://forum.antichat.xyz/forumdisplay.php?f=37)
-   -   дайте пример (https://forum.antichat.xyz/showthread.php?t=53933)

Student :) 19.11.2007 19:11

дайте пример
 
есть ли у кого пример выезжающей таблицы с сверху
на js

astrologer 20.11.2007 02:29

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

<html>
<
head>
<
title></title>
<
meta http-equiv=Content-Type content="text/html; charset=windows-1251">
<
style type="text/css">
<!--
#menu table, td {
    
width150px;
    
background-color#EEE;
    
border#CCC solid 1px;
    
border-collapsecollapse;
    
color#000;
    
text-aligncenter;
    
line-height20px;
}
#menu td:hover {
    
background-color#DDD;
}
//-->
</style>
<
script type="text/javascript">
<!--
var 
shift 10;
var 
offset = -210;

function 
slider(d){
    if(
d){
        if (
window.downTclearInterval(downT);
        
upT setInterval("moveup()",1);
    } else {
        if (
window.upTclearInterval(upT);
        
downT setInterval("movedown()",1);
    }
}
function 
moveup(){
    var 
document.getElementById('menu').style;
    var 
parseInt(s.top);
    if(
offsets.top = (shift)+'px';
    else if(
window.upclearInterval(upT);
}
function 
movedown(){
    var 
document.getElementById('menu').style;
    var 
parseInt(s.top);
    if(
0s.top = (shift)+'px';
    else if(
window.downTclearInterval(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>- -</td></tr>
    <
tr><td>- -</td></tr>
    <
tr><td>- -</td></tr>
    <
tr><td>- -</td></tr>
    <
tr><td>- -</td></tr>
    <
tr><td>- -</td></tr>
    <
tr><td>- -</td></tr>
    <
tr><td>- -</td></tr>
    <
tr><td>- -</td></tr>
    <
tr><td>- - -</td></tr>
  </
table>
</
div>
</
body>
</
html


dev+ 20.11.2007 09:32

Чего сложного -- динамически меняешь style.top и style.left у объекта.


Время: 13:01