Показать сообщение отдельно
  #11 (permalink)  
Старый 08.11.2010, 22:50
Особый гость
Посмотреть профиль Найти все сообщения от monolithed
 
Регистрация: 02.04.2010
Сообщений: 4,260

Сообщение от ksa
Так куда там аргументы-то совать?
Не понял вопроса, для каких действий они нужны?

<div class="div">click1</div>
<div class="div">click2</div>
<div class="div">click3</div>

<style type="text/css">
.div {cursor: pointer; height: 20px;}
.div2 {cursor: pointer; color: white; width: 0px;}
</style>

<script type="text/javascript">
window.onload = function(){
    var div = document.getElementsByTagName('div');
    for(i=0; i<div.length; i++){
        div[i].onclick = function(){
            var div = this, i = 0;
            (function(){
                if(++i <= 300){
                    div.style.width = i+'px';
                    div.style.background = '#'+Math.round(Math.random()*100)+10000;
                    div.setAttribute('class','div2');
                    div.innerHTML = parseInt(i/3)+'%';
                    setTimeout(arguments.callee, 10);
                }
            })();
        };
    }
};
</script>

Последний раз редактировалось monolithed, 09.11.2010 в 00:16.
Ответить с цитированием