VPF::ScrollerControl - Форум программистов

Tony

Дата 8.9.2006, 12:21 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1159
Регистрация: 3.3.2006
Где: Riga

Репутация: 1
Всего: 12

Код


<html>
    <head>
        <script language="javascript">
        /*
            Created by Tjomi4 08.09.2006
        */
        var scrollObj="";
        var count=0;
        var stop=false;
    
        function scroller(obj){
                scrollObj=obj;
                count=parseInt(obj.style.height.substring(0,3));
                move();
        }
        
        function move(){    
            if ((scrollObj.scrollTop+count)<scrollObj.scrollHeight)      
                scrollObj.scrollTop=scrollObj.scrollTop+1;
            else
                scrollObj.scrollTop=0;
            
            if (stop==false)
                setTimeout("move()",60);
            
        }
        
        function stopMove(){
            stop=true;        
        }
        
        function startMove(){
        if (stop){
            stop=false;
            move();
        }
            
            
        }

        </script>
        <style>
            .content{
                border-right:1px solid #B0BEC7;
            border-left:1px solid #B0BEC7;
            border-top:1px solid #B0BEC7;
            border-bottom:1px solid #B0BEC7;
            cursor:pointer;
            }
            .content table tbody td{
                font: normal 12px arial;
                padding-left: 5px;
                color: #B0BEC7;
            }
        </style>
    </head>
    
    <body>
        
    
        <div style="overflow:hidden;width:250px;height:100px" id="fdsg343f3" onmouseout="startMove()" onclick="stopMove()" class="content">
            <table border="0" cellpadding="0" cellspacing="0">
                <tbody>
                    <tr><td height="100"><img src="spacer.gif" width="100%" height="100%"/></td>
                    <tr><td>
                    kgjdfklgfjkgldfj</br>gklfgrtytytry
                    gkdfgjfklgjkkfldgjkflgjf
                    gdlfgjfklg</br>fgkdfgfk;ldfg;
                    gdfgf'gldfgdfgdfgdfgdfg
                    rt
                    yt
                    y</br>
                    dgf
                    g</br>
                    fg
                    fg
                    
                    fsd
                    fsd
                    fsd
                    s
                    f</br>sd
                    sd
                    f
                    f
                    dfd
                    s
                    f
                    sdfd            
                    t
                    </td></tr>
                    <tr><td height="100"><img src="spacer.gif" width="100%" height="100%"/><td></tr>
                </tbody>
            </table>
        </div>
        <script type="text/javascript">scroller(document.getElementById('fdsg343f3'))</script>
    </body>
</html>

Это сообщение отредактировал(а) Tony - 8.9.2006, 12:22

--------------------

AKS

Дата 1.10.2006, 20:12 (ссылка)

(нет голосов)

Загрузка ...

Участник форума

Профиль
Группа: Участник
Сообщений: 725
Регистрация: 20.9.2006

Репутация: 2
Всего: 52

Tony, а модификации приветствуются? Хочу предложить следующее (модифицировано так, чтобы ничего кроме сценария не менять):

Код


function scroller(obj, b) {
  var t, o = scroller.o || (scroller.o = obj), 
  c = scroller.c || (scroller.c = parseInt(obj.offsetHeight));     
  scroller.stop = b;
  return((o && c) ? (function() {
    o.scrollTop = (((t = o.scrollTop) + c) < o.scrollHeight) ? (t + 1) : 0;
    if(!scroller.stop) setTimeout(arguments.callee, 60);
  }()) : false);
}
        
function stopMove() {
  scroller.stop = true;        
}
        
function startMove() {
  if(scroller.stop) scroller(null, false);
}

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Наши скрипты \| Следующая тема »