ANTICHAT.XYZ    VIDEO.ANTICHAT.XYZ    НОВЫЕ СООБЩЕНИЯ    ФОРУМ  
Баннер 1   Баннер 2
Antichat снова доступен.
Форум Antichat (Античат) возвращается и снова открыт для пользователей. Здесь обсуждаются безопасность, программирование, технологии и многое другое. Сообщество снова собирается вместе.
Новый адрес: forum.antichat.xyz
Вернуться   Форум АНТИЧАТ > ИНФО > Статьи > Авторские статьи
   
Ответ
 
Опции темы Поиск в этой теме Опции просмотра

JavaScript VS FLASH
  #1  
Старый 18.05.2007, 19:53
Аватар для Pridu_ROCK
Pridu_ROCK
Новичок
Регистрация: 11.04.2005
Сообщений: 23
Провел на форуме:
90656

Репутация: 26
По умолчанию JavaScript VS FLASH

JavaScript VS FLASH
Автор: pridu_ROCK aka Rocky
Дата:06.05.2006
©GFS

Как то поздно вечером сидя на нашем канале #GFS зашел речь о нашем новом дизайне и в частности о Flash анимации на нашем сайте.

Я начал выёживаться и стал говорить, что точно такую же анимацию можно сделать с помощью JavaScript (JS) и Css.

Ну что ж сегодня мы попробуем подтвердить мои слова и показать что c помощью JS можно достигнуть вполне интересных эффектов. И так приступим: Я взял уже готовую Flash анимацию с нашего сайта и просто нарезал маленькими рисунками а точнее на 3 куска.

1 - Верхняя рамка.(up.gif)
2 - Нижняя рамка.( niz.gif)
3 - Задний фон (polos.jpg)

Для Рамок берем GIF так как нам нужна картинка без фона. И так начнем создавать Html документ вот что он собой представляет:
Код HTML:
<style>
#first {background-image: url(polos.jpg); background-repeat:no-repeat;position:fixed;}
#links {margin-top:-23px; margin-left:430px; font-size:12px; color:484848;font-Weight:bold;}
#Big_text {margin-top:-3px; margin-left:90px; font-size:30px; color:#a8a8a8}
</style>

<table border = 0 height = 110pt width = 770pt id="first">
<tr><td valign =top width="770">
<div id = "verh"><img src  = "up.gif"></div>
<div id = "links"> News Articles Releases Bugtrak Forum About</div>
<div id = "Big_text"&gt Group of Freedom Search</div>
<div id = "niz"><img src  = "niz.gif"></div>
</tr></td></table>
Так ну теперь время скриптов =)) :

Код:
<script>

brauzer = navigator.appName; // считываем с помощью какого браузера зашел пользователь

 if (brauzer=="Microsoft Internet Explorer") // приминение стилей для IE и Netscape

  {
	niz.style.marginTop = "-10px"; niz.style.marginLeft="-90px"; verh.style.marginTop = "-3px"; verh.style.marginLeft="700px";

   verh_top_1 = 710;raz=70;

  }

  else
  {
  niz.style.marginTop = "-10px"; niz.style.marginTop = "-15px"; niz.style.marginLeft="-90px"; verh.style.marginLeft="700px";
  verh_top_1 = 710; links.style.marginTop ="-17px";raz=68;
  }

i = 0;
col=10101;
i2 = 0;
i3 = 430;

function color() // функция для изменения цвета

{
 if (i3>40) {i3 =i3-0.09; links.style.marginLeft =i3;  } // тут происходит сдвиг меню
 else
 {i3++;}
 col += 10101;
 tc = 484848 + col;
 links.style.color =  "#" + tc  ; // изменение цвета меню
  if (col>505050){clearTimeout(c);}
 else
 c = setTimeout(color,10);
 }

 

 

function move_1() // функция для перемещения верхней рамки
{
  {i2++;}
 verh.style.marginLeft = verh_top_1 - i2 ;
 if (i2>100){clearTimeout(s);color();}
 else
 s = setTimeout(move_1,10);
 }

function move_2()  // функция для перемещения нижней рамки

{
 if (i>35){i = i+0.5;  }
 else
 {i++;}
 niz.style.marginLeft = i - 69; 

 if (i>raz){clearTimeout(t);}
 else
 t = setTimeout(move_2,10);
 }
 move_2();
 move_1();
</script>
Ну что ж пора посмотреть что же у нас получилось сделать =)) ?
ЛОГО
 
Ответить с цитированием

  #2  
Старый 23.05.2007, 12:03
Аватар для inlanger
inlanger
Познавший АНТИЧАТ
Регистрация: 07.01.2007
Сообщений: 1,263
Провел на форуме:
3326855

Репутация: 702


По умолчанию

Красиво...Но на флеше можно добиться большего, но это не всегда нужно...
 
Ответить с цитированием

  #3  
Старый 23.05.2007, 12:28
Аватар для freddi
freddi
Постоянный
Регистрация: 05.07.2006
Сообщений: 458
Провел на форуме:
2943499

Репутация: 807
По умолчанию

еще плюс весит меньше, но если джаваскрипт отключенны, то... да и действительно зачем это? флеш намного красивее будет смотреться.
и вообще не статья это)
 
Ответить с цитированием

  #4  
Старый 23.05.2007, 12:31
Аватар для Pridu_ROCK
Pridu_ROCK
Новичок
Регистрация: 11.04.2005
Сообщений: 23
Провел на форуме:
90656

Репутация: 26
По умолчанию

не я и не спорю, что Flаsh рулит просто хотелось попробывать осуществить такую идею =))
Короче енто просто проба своих сил =))
 
Ответить с цитированием

  #5  
Старый 23.05.2007, 13:34
Аватар для tclover
tclover
Banned
Регистрация: 13.12.2005
Сообщений: 1,091
Провел на форуме:
9751364

Репутация: 1847


По умолчанию

http://www.pozdravilki.ru/fun/ вот очень классный пример того, что можно сделать на яваскрипте
 
Ответить с цитированием

  #6  
Старый 23.05.2007, 14:12
Аватар для .Slip
.Slip
Leaders of Antichat - Level 4
Регистрация: 16.01.2006
Сообщений: 1,966
Провел на форуме:
21768337

Репутация: 3486


По умолчанию

Цитата:
Сообщение от tclover  
http://www.pozdravilki.ru/fun/ вот очень классный пример того, что можно сделать на яваскрипте
Помню такую штуку, ты мне давно ссылку кидал. Вещь классная. Но в отличие от флэша очень сильно грузит браузер, при большом делении этих капелек.
__________________
..
 
Ответить с цитированием
Ответ



Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Атака через Flash графику Mobile Чужие Статьи 3 30.08.2006 18:50
Основы JavaScript .Slip Авторские статьи 20 16.05.2006 23:44
Books JS FRAGNATIC PHP, PERL, MySQL, JavaScript 0 11.08.2005 16:57
Bypassing JavaScript Filters the Flash! Attack k00p3r Чужие Статьи 0 12.07.2005 16:11
Bypassing JavaScript Filters the Flash! Attack Thief Мировые новости 2 08.05.2005 20:31



Здесь присутствуют: 1 (пользователей: 0 , гостей: 1)
 


Быстрый переход




ANTICHAT.XYZ