• Страница 1 из 1
  • 1
Форум Studio AD » Сайтостроение » Общий форум по Javascript » Трусливое меню для сайта (10 минут развлечений)
Трусливое меню для сайта
Aleko
Дата: Пятница, 04.09.2009, 17:54 | Сообщение # 1
Watching you
Группа: Администраторы
Пользователь №: 2
Сообщений: 1621
Получено оценок: 167
Берем код...
Code
<style>
#menu {list-style:none;margin:0;padding:0;}
#menu a {font:11px Arial;font-weight:bold;color:#fff;text-decoration:none;display:block;margin-top:4px;padding-top:3px;}
#menu li {float:left;display:block;width:100px;height:30px;margin:1px;background:#000;text-align:center;cursor:pointer;}
#menu li:hover {background:#FF9900;}
</style>
<ul id='menu'>
<li><a href='#'>Главная</a></li>
<li><a href='#'>Гостевая</a></li>
<li><a href='#'>Форум</a></li>
<li><a href='#'>Блог</a></li>
</ul >
<script>
li = document.getElementById('menu').getElementsByTagName('a');
e=1;
document.getElementById('menu').onmouseover = function(){
b = setInterval(function(){
if(e<8){e=e+0.5}
for(i=0;i<li.length;i++){
li[i].style.paddingTop=Math.random()*e+'px';
li[i].style.paddingLeft=Math.random()*e+'px';
}
},10)};
document.getElementById('menu').onmouseout = function(){
clearInterval(b);
for(i=0;i<li.length;i++){
li[i].style.paddingTop='3px';
li[i].style.paddingLeft='0px';
e=1;
}
};
</script>

и получаем трусливо дрожащее меню...
Прикрепления: scaredmenu.html (1.1 Kb)


Бесплатные обои.
  
MadeMan
Дата: Пятница, 04.09.2009, 18:27 | Сообщение # 2
говорун
Группа: Проверенные
Пользователь №: 25
Сообщений: 185
Получено оценок: 6
Aleko, прикольно, спасибо =))
  
Dastyle
Дата: Пятница, 04.09.2009, 18:48 | Сообщение # 3
молчун
Группа: Пользователи
Пользователь №: 134
Сообщений: 8
Aleko, меню понравилось,
а ты можешь подсказать, как сделать, чтобы на форуме,
в прямом виде, можно было выводить демо какого либо, материала?
  
Dastyle
Дата: Пятница, 04.09.2009, 18:50 | Сообщение # 4
молчун
Группа: Пользователи
Пользователь №: 134
Сообщений: 8
Все понял через iframe
  
IMpulse
Дата: Пятница, 04.09.2009, 20:25 | Сообщение # 5
Группа: Удаленные
Aleko, улыбнуло :)
  
dancelot
Дата: Пятница, 04.09.2009, 20:50 | Сообщение # 6
говорун
Группа: Проверенные
Пользователь №: 26
Сообщений: 236
Получено оценок: 13
неплохо,только сомневаюсь,что кто-то поставит подобное на сайт lol
  
Aleko
Дата: Пятница, 04.09.2009, 21:20 | Сообщение # 7
Watching you
Группа: Администраторы
Пользователь №: 2
Сообщений: 1621
Получено оценок: 167
Quote (dancelot)
,только сомневаюсь,что кто-то поставит подобное на сайт

Желающие найдутся, я тебя уверяю =)


Бесплатные обои.
  
n1ght(o_O)
Дата: Пятница, 04.09.2009, 22:43 | Сообщение # 8
говорун
Группа: Проверенные
Пользователь №: 10
Сообщений: 180
Получено оценок: 6
Aleko, Было бы интереснее , если бы тока одна ссылка на , которую наведено подсвечивало!
  
IMpulse
Дата: Пятница, 04.09.2009, 23:30 | Сообщение # 9
Группа: Удаленные
Quote (n1ght(o_O))
если бы тока одна ссылка на , которую наведено подсвечивало

может ты хотел сказать дрожала?
  
Slimmi
Дата: Суббота, 05.09.2009, 07:31 | Сообщение # 10
говорун
Группа: Модераторы
Пользователь №: 5
Сообщений: 287
Получено оценок: 38
Тоже Улыбнуло :D
Меню подайдет к кроликам или бешаному сайту :D


Большие фотостатусы
  
OnMusic
Дата: Суббота, 05.09.2009, 09:57 | Сообщение # 11
говорун
Группа: Проверенные
Пользователь №: 120
Сообщений: 158
Получено оценок: 11
ппц бешеные кнопки O_o
  
gReeB04ki
Дата: Суббота, 05.09.2009, 16:41 | Сообщение # 12
молчун
Группа: Пользователи
Пользователь №: 170
Сообщений: 2
хаха, класс
  
Limp
Дата: Суббота, 05.09.2009, 17:43 | Сообщение # 13
шептун
Группа: Проверенные
Пользователь №: 87
Сообщений: 56
Получено оценок: 8
Aleko, Необычно получилось :D
Slimmi, я как понял, ты имеешь ввиду Rayman Raving Rabbids? ^_^ Даааа, они дикие ребята :D


Если ничего не останется, кроме как поступить плохо, это ведь уже не поступок, а судьба.
  
IMpulse
Дата: Суббота, 05.09.2009, 19:15 | Сообщение # 14
Группа: Удаленные
Quote (Сильмарион)
Rayman Raving Rabbids

а.к.а КролеГи ^_^ Бешеная игра [как и это меню :)] ^_^


Сообщение отредактировал IMpulse - Суббота, 05.09.2009, 19:15
  
ReFleX
Дата: Вторник, 03.11.2009, 19:26 | Сообщение # 15
молчун
Группа: Проверенные
Пользователь №: 61
Сообщений: 18
Получено оценок: 3
Ахха-ха!Улыбнуло!
  
Maivan
Дата: Воскресенье, 08.11.2009, 09:34 | Сообщение # 16
молчун
Группа: Проверенные
Пользователь №: 361
Сообщений: 25
Получено оценок: 6
Quote (OnMusic)
ппц бешеные кнопки O_o

Ты себя видел в комментариях и постах ? О_о
  
Wlodzimierz
Дата: Воскресенье, 08.11.2009, 14:23 | Сообщение # 17
молчун
Группа: Проверенные
Пользователь №: 228
Сообщений: 46
Получено оценок: 4
mazahacka1996, исходя из предоставленного кода:
Code
<div id="read" class="dropmenudiv">
<a href="ваша ссылка"><strong>Книги</strong> и журналы</a>
<a href="ваша ссылка"><b>Юмор</b> и анекдоты</a>
<a href="ваша ссылка"><strong>Новости</strong> (СМИ)</a>
<a href="ваша ссылка"><b>Игровые</b> новости</a>
<a href="ваша ссылка"><strong>IT</strong> новости</a>
<a href="ваша ссылка"><b>Авто</b> новости</a>
<a href="ваша ссылка">Новости <strong>мобильного</strong> мира</a>
<a href="ваша ссылка">Интересные <b>статьи</b></a>
</div>
<div id="look" class="dropmenudiv">
<a href="ваша ссылка"><strong>Скачать фильмы</strong></a>
<a href="ваша ссылка"><b>Мультфильмы</b></a>
<a href="ваша ссылка">Видео</a>
<a href="ваша ссылка">Видео<strong>клипы</strong></a>
<a href="ваша ссылка">Видео <b>приколы</b></a>
<a href="ваша ссылка">Фото <strong>приколы</strong></a>
</div>
<div id="listen" class="dropmenudiv">
<a href="ваша ссылка"><b>Музыка</b> бесплатно <strong>MP3</strong></a>
<a href="ваша ссылка">Аудио <b>приколы</b></a>
</div>
<div id="for-pc" class="dropmenudiv">
<a href="ваша ссылка"><strong>Скачать программы</strong> (софт)</a>
<a href="ваша ссылка"><b>Антивирусы</b> и рабочие <strong>ключи</strong></a>
<a href="ваша ссылка"><b>Обои</b> для рабочего стола</a>
<a href="ваша ссылка">Иконки (<strong>png</strong> и ico)</a>
<a href="ваша ссылка">Все для <b>Windows</b></a>
<a href="ваша ссылка">Все для <strong>Linux</strong></a>
</div>
<div id="webmaster" class="dropmenudiv">
<a href="ваша ссылка"><b>Шаблоны бесплатно</b> (<strong>HTML</strong> и PSD)</a>
<a href="ваша ссылка">Скачать <b>скрипты</b> (CMS)</a>
<a href="ваша ссылка"><strong>Скачать</strong> шрифты</a>
<a href="ваша ссылка">Все для <b>Photoshop</b></a>
<a href="ваша ссылка">Уроки <strong>Photoshop</strong></a>
</div>
<div id="other" class="dropmenudiv">
<a href="ваша ссылка">Все для <b>мобильного</b> и <strong>смартфона</strong></a>
<a href="ваша ссылка">Компьютерные <b>игры</b></a>
<a href="ваша ссылка"><strong>Игры</strong> для приставок</a>
<a href="ваша ссылка">Все для <b>ICQ</b> (раздача ICQ)</a>
<a href="ваша ссылка">Разное</a>
<a href="ваша ссылка"><strong>Порно бесплатно</strong></a>
</div>
Все чем могу помочь <_<


Статусы

Сообщение отредактировал Wlodzimierz - Воскресенье, 08.11.2009, 14:24
  
OnMusic
Дата: Среда, 11.11.2009, 18:10 | Сообщение # 18
говорун
Группа: Проверенные
Пользователь №: 120
Сообщений: 158
Получено оценок: 11
Quote
Ты себя видел в комментариях и постах ? О_о

Прикинь видел... я не бешеный как ты... B)
  
Форум Studio AD » Сайтостроение » Общий форум по Javascript » Трусливое меню для сайта (10 минут развлечений)
  • Страница 1 из 1
  • 1
Поиск:
© Studioad.ru 2006 · 2010. Использование материалов форума на сторонних ресурсах без прямой обратной ссылки строго запрещено. Хостинг от uCoz.