Antichat снова доступен.
Форум Antichat (Античат) возвращается и снова открыт для пользователей.
Здесь обсуждаются безопасность, программирование, технологии и многое другое.
Сообщество снова собирается вместе.
Новый адрес: forum.antichat.xyz
 |
MooTools Periodical - изменить сценарий выполнения |
19.10.2009, 04:20
|
|
Участник форума
Регистрация: 28.07.2007
Сообщений: 177
Провел на форуме:
274360
Репутация:
5
|
|
MooTools Periodical - изменить сценарий выполнения
после того как нажимаеш ссылку
start | stop - происходит выполнение скрипта ....
надо сделать так чтоб скрипт сразу выполнялся .. а не после того как нажмеш кнопку старт... 
.js
PHP код:
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);
});
.css
PHP код:
#box {
margin: 1em auto;
width: 200px;
height: 150px;
background: #bcd965;
border: 1px solid #000;
}
html
PHP код:
<h3>Periodical Effects</h3>
<a id="start" href="#">start</a> | <a id="stop" href="#">stop</a>
<div id="box"></div>
|
|
|
19.10.2009, 13:14
|
|
Участник форума
Регистрация: 07.09.2008
Сообщений: 139
Провел на форуме:
351188
Репутация:
65
|
|
Код HTML:
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);};
помоему так |
|
|
|
19.10.2009, 23:48
|
|
Участник форума
Регистрация: 28.07.2007
Сообщений: 177
Провел на форуме:
274360
Репутация:
5
|
|
надо сделать так чтобы цвет начал мигать сразу.... ане после нажатия кнопки старт....
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>
|
|
|
|
20.10.2009, 08:28
|
|
Участник форума
Регистрация: 07.09.2008
Сообщений: 139
Провел на форуме:
351188
Репутация:
65
|
|
так и что?
Код:
$('start').addEvent('click', function() {
fx();
periodical = fx.periodical(1700);
});
вызывает при клике на кнопку старт 2 функции
Код:
window.onload = function(){fx();periodical = fx.periodical(1700);};
делает тоже самое
если я правильно понял как работает этот фреймворк, то можно так:
Код:
<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);
});
fx();
periodical = fx.periodical(1700);
});
</script>
|
|
|
|
21.10.2009, 11:58
|
|
Участник форума
Регистрация: 28.07.2007
Сообщений: 177
Провел на форуме:
274360
Репутация:
5
|
|
ахха спасиб помог)))) |
|
|
|
|
|
|
Здесь присутствуют: 1 (пользователей: 0 , гостей: 1)
|
|
|
|
Линейный вид
