Суббота, 30.11.2024, 12:07

[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Красивое флеш меню
KRESH
Дата: Пятница, 23.07.2010, 20:50 | Сообщение # 1
Группа: Администратор
Ранг:
Генералиссимус
Сообщений: 383
Награды: 2 +
Репутация: 5 ±
Замечания: ±
Пол: Мужчина






Code
<script src="http://soft-ucoz.ucoz.ru/scripts/jquery-1.2.6.js"></script><STYLE>     
* {border: 0px none; }     
a img.MenuImg {border: 0px none; }     
</STYLE><DIV id="TheMenu"></DIV><script>     
Icons = ['http://www.iconsearch.ru/uploads/iconlib/realistik-new/128x128/actions/filesave.png', 'http://www.iconsearch.ru/uploads/iconlib/crystalclear/128x128/apps/package_games.png', 'http://www.iconsearch.ru/uploads/iconlib/crystalclear/128x128/filesystems/folder_video.png', 'http://www.iconsearch.ru/uploads/iconlib/nuove/128x128/mimetypes/mp3.png', 'http://www.iconsearch.ru/uploads/iconlib/crystalclear/128x128/devices/tv.png', 'http://www.tucoo.com/icon/70aqua/s/Radio.png', 'http://www.virtualgamers.ru/files/downloadthumbs/newsthumbs/cstriketh.jpg', 'http://www.iconsearch.ru/uploads/iconlib/crystalclear/128x128/apps/flash.png'];     
URLs = ['http://icq-singl.ucoz.ru/loto/l5068o435fth94td8356o089t54254r65860.htm', 'http://soft-ucoz.ucoz.ru/load', 'http://soft-ucoz.ucoz.ru', 'http://soft-ucoz.ucoz.ru/forum', 'http://icq-singl.ucoz.ru/load', 'http://icq-singl.ucoz.ru/index/0-4', 'http://icq-singl.ucoz.ru/dir', 'http://icq-singl.ucoz.ru'];     
Orientation = 'h';     
Heights = [128, 100, 80, 60];     
Opacities = [1.0, 0.8, 0.4, 0.15];     
MenuAlign = 'center';     
VAlign = 'top';     
HAlign = 'center';     
Speed = 250;     

MenuCode = '<table id="MenuTable" style="height: ' + (Heights[0] - - 10) + 'px; ">';     
if (Orientation === 'h') {     
      MenuCode += '<tr>';     
      for (i = 0; i < Icons.length; i++) {     
      MenuCode += '<td valign="' + VAlign + '"><a href="' + URLs[i] + '"><img style="height: ' + Heights[Heights.length - 1] + 'px; " src="' + Icons[i] + '" class="MenuImg"></a></td>';     
      }     
      MenuCode += '</tr>';     
} else {     
      for (i = 0; i < Icons.length; i++) {     
      MenuCode += '<tr><td align="' + HAlign + '"><a href="' + URLs[i] + '"><img style="height: ' + Heights[Heights.length - 1] + 'px; " src="' + Icons[i] + '" class="MenuImg"></td></a></tr>';     
      }     
}     
MenuCode += '</table>';     
$('#TheMenu').html(MenuCode).attr('align', MenuAlign);     

$('img.MenuImg').animate({height: Heights[Heights.length - 1] + "px", opacity: Opacities[Opacities.length - 1]}, 1).each(function (j) {     
jQuery(this).hover(function () {     
      $('img.MenuImg').stop();     
      for (i = 0; i < $('img.MenuImg').length; i++) {     
      jQuery('img.MenuImg:eq(' + i + ')').animate({height: (Math.abs(i - j) < Heights.length ? Heights[Math.abs(i - j)] + "px" : Heights[Heights.length - 1] + "px"), opacity: (Math.abs(i - j) < Opacities.length ? Opacities[Math.abs(i - j)] : Opacities[Opacities.length - 1])}, Speed);     
      }     
      }, function () {     
      });     
});     

$('#MenuTable').hover(function () {     

}, function () {     
      $('img.MenuImg').stop().animate({height: Heights [Heights.length - 1] + "px", opacity: Opacities[Opacities.length - 1]}, Speed);     
});     
</script><DIV>



Прикрепления:








Сообщение отредактировал
  • Страница 1 из 1
  • 1
Поиск:


Sinners.pp.ua © Все права защищены Дизайн данного сайта полностью принадлежит Администратору Сайта Sinners.pp.ua Конструктор сайтов - uCoz Сайт оптимизирован под разрешение экрана 1280х1024 и браузеры Mozila Firefox
Дизайн данного сайта полностью принадлежит администратору сайта.