Сделал плавно выезжающие кнопки
пример тут: http://forumedia.ru/mc_pack/ - см. слева от текста
Но почему-то в IE6 в отличии от Mozilla и Opera выезжают очень медленно, не в соответствии с заданным интервалом. Подскажите пожалуйста, в чем может быть причина тормозов.
Вот 2 функции: для выезжания и заезжания кнопочек (Оригинальный скрипт к примеру лежит тут http://forumedia.ru/mc_pack/js/default.js)
| Код |
function slideOut(id_item){
if(this.id) id_item=this.id;
var self = document.getElementById(id_item);
if(self.timer_in_id!=undefined){//останавливаем таймер заезжания
window.clearInterval(self.timer_in_id);
self.timer_in_id=undefined;
}
var item_width = parseInt(self.style.width)+5;
if(item_width>108){//если ширина максимальная
if(self.timer_out_id){//останавливаем таймер
window.clearInterval(self.timer_out_id);
self.timer_out_id=undefined;
}
self.style.width='108px';
return;
}
self.style.width=item_width+'px'; //увеличиваем ширину
if(self.timer_out_id!=undefined) return; //если таймер уже установлен то выходим
self.style.backgroundImage = 'url(images/'+id_item+'_s.gif)'; //устанавливаем новый фон
self.timer_out_id=window.setInterval('slideOut("'+id_item+'")',5); //запускаем таймер
}
function slideIn(id_item){
if(this.id) id_item=this.id;
var self = document.getElementById(id_item);
if(self.timer_out_id!=undefined){//останавливаем таймер выезжания
window.clearInterval(self.timer_out_id);
self.timer_out_id=undefined;
}
var item_width = parseInt(self.style.width)-5;
if(item_width<50){//если ширина максимальная
if(self.timer_in_id){//останавливаем таймер
window.clearInterval(self.timer_in_id);
self.timer_in_id=undefined;
}
self.style.width='50px';
return;
}
self.style.width=item_width+'px'; //увеличиваем ширину
if(self.timer_in_id!=undefined) return; //если таймер уже установлен то выходим
self.style.backgroundImage = 'url(images/'+id_item+'.gif)'; //устанавливаем новый фон
self.timer_in_id=window.setInterval('slideIn("'+id_item+'")',5); //запускаем таймер
}
var left_panel_items = document.getElementById('div_panel_left').getElementsByTagName('div');
for(var i=0; i<left_panel_items.length; i++){
left_panel_items[i].onmouseover = slideOut;
left_panel_items[i].onmouseout = slideIn;
}
|
|
, а Pentium4 3 GHz на 50-60%. После того как убираешь бэкграунды - все начинает работать быстро