Pilot (26.7.2010, 13:31) писал:
Сообщение отредактировал Radanius: 26 июля 2010 - 10:51
Сообщение отредактировал anaksimandr: 26 июля 2010 - 16:40
anaksimandr (26.7.2010, 9:50) писал:
Вход
Регистрация
Помощь
Наверхfunction animation1() {
// выбираем родительский объект по id
var elm = document.getElementById("anim1");
// обрабатываем каждый блок только один раз
elm.id = null;
/* переход от объекта к его внутреннему DOM, или что то вроде этого */
group = $(elm);
// находим внутри родительского блока время, ник, текст по id
objname = group.find('#name');
objtime = group.find('#time');
objtext = group.find('#text');
// задаем начальные параметры анимации
objname.css('opacity', '0');
objname.css('margin-left', '50px');
objtime.css('opacity', '0');
objtime.css('margin-right', '50px');
objtext.css('opacity', '0');
objtext.css('margin-left', '70px');
// вызываем анимацию
objname.animate({'opacity': 1, 'marginLeft': '0px'}, 500+Math.floor(Math.random()*500),
function() {
if(jQuery.browser.msie) {
$(this).get(0).style.removeAttribute('filter');
}
}
);
objtime.animate({'opacity': 1, 'marginRight': '0px'}, 500+Math.floor(Math.random()*500),
function() {
if(jQuery.browser.msie) {
$(this).get(0).style.removeAttribute('filter');
}
}
);
objtext.animate({'opacity': 1, 'marginLeft': '10px'}, 600+Math.floor(Math.random()*300),
function() {
if(jQuery.browser.msie) {
$(this).get(0).style.removeAttribute('filter');
}
}
);
}<!--MessageIn-->
<div class="message" id="anim1">
<div class="inTitle">
<table cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/inTitle_l.png"></td>
<td class="inName" id="name">%name%</td>
<td><img src="images/inTitle_m.png" align="left"></td>
<td class="inTime" id="time">%time%</td>
<td><img src="images/inTitle_r.png" align="left"></td>
</tr>
</table>
</div>
<div class="inContent" id="text">
<table cellspacing="0" cellpadding="0">
<tr>
<td class="inBorder_corner_l_t"><img src="images/inBorder_corner_l_t.png"></td>
<td class="inBorder_top"> </td>
<td class="inBorder_corner_r_t"><img src="images/inBorder_corner_r_t.png"></td>
</tr>
<tr>
<td class="inBorder_left"> </td>
<td class="inText" id="needfix">
<script>getitall('%\text%','%\name%','%\uin%','%\base%',meldungsart[0]);</script>
</td>
<td class="inBorder_rigth"> </td>
</tr>
<tr>
<td class="inBorder_corner_l_b"><img src="images/inBorder_corner_l_b.png"></td>
<td class="inBorder_bottom"> </td>
<td class="inBorder_corner_r_b"><img src="images/inBorder_corner_r_b.png"></td>
</tr>
</table>
<script type="text/javascript">
widthfix();
</script>
</div>
</div>
<script type="text/javascript">animation1();</script>Сообщение отредактировал anaksimandr: 29 июля 2010 - 12:03
Сообщение отредактировал dimas_chyvak: 06 августа 2010 - 20:40
Сообщение отредактировал dimas_chyvak: 07 августа 2010 - 20:41
