помогите с mootools

Тема в разделе "Другие языки", создана пользователем ufaclub, 19 окт 2009.

Статус темы:
Закрыта.
Модераторы: Цукер
  1. ufaclub

    ufaclub

    Регистр.:
    1 май 2007
    Сообщения:
    394
    Симпатии:
    17
    надо сделать так чтобы цвет начал мигать сразу.... ане после нажатия кнопки старт....

    PHP:


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

        <
    title>mootools demos Periodical</title>
        
        <
    link rel="stylesheet" type="text/css" media="screen" href="Periodical_files/style.css">
        
        <
    script type="text/javascript" src="Periodical_files/mootools.js"></script>
        
        
        <script type="text/javascript">




            window.addEvent('domready', function(){
                var effect = $('box').effect('background-color', {duration: 800});
                var periodical;
                
                var fx = function() {
                    effect.start('#6684a0').chain(function() {
                        effect.start('#bcd965');
                    });
                }
                
                $('start').addEvent('click', function() {
                    fx();
                    periodical = fx.periodical(1700);
                });
                
                $('stop').addEvent('click', function() {
                    $clear(periodical);
                });
            }); 
        
    window.onload = function(){fx();periodical = fx.periodical(1700);};
    </script>

        
    </head><body>
        

    <h3>Periodical Effects</h3>
    <a id="start" href="#">start</a> | <a id="stop" href="#">stop</a>
     
    <div id="box"></div>





    </body></html>


     
  2. t0wer

    t0wer BlackHerald

    Регистр.:
    24 июн 2008
    Сообщения:
    733
    Симпатии:
    422
    По логике вещей должно прокатить так, т.е. сразу принудительно запустить функцию старта:
    Код:
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>mootools demos - Periodical</title>
    <link rel="stylesheet" type="text/css" media="screen" href="Periodical_files/style.css">
    <script type="text/javascript" src="Periodical_files/mootools.js"></script>
    <script type="text/javascript">
    	window.addEvent('domready', function()
    		{
        	var effect = $('box').effect('background-color', {duration: 800});
        	var periodical;
        
        	var fx = function()
    			{
        	    effect.start('#6684a0').chain(function() { effect.start('#bcd965'); });
        		}
        
        	function clickon()
    			{
        	    fx();
        	    periodical = fx.periodical(1700);
        		};
        
        	$('stop').addEvent('click', function() {
        	    $clear(periodical);
        	});
    	}); 
        
    window.onload = function(){fx();periodical = fx.periodical(1700);clickon();};
    </script>
    </head><body>
    <h3>Periodical Effects</h3>
    <a id="stop" href="#">stop</a>
    <div id="box"></div>
    </body></html>
    
     
Статус темы:
Закрыта.