Эффекты на основе Java Script

Скопируйте и вставте

Внутри тега <HEAD> - </HEAD>

Все стили и параметры меню задаются в CSS файле scroll.css. Если Вы хотите что то изменить Вам необходимо, воспользовавшись функцией [Скачать с сервера], скачать этот файл и внести необходимые изменения.

Внутри тега <BODY> - </BODY> там где у Вас будет меню.

<div style="border: #00ff00 1px solid; width: 212px; background: #222222;">
		<div tabindex="0" style="overflow: hidden; width: 200px; height: 238px;  border-width: 0px; position: relative; text-align: left; padding: 5px;" id="mycustomscroll" class="flexcroll flexcrollactive">
		<div style="width: 160px; height: 2610px; top: -15px; left: -15px; border-bottom: 0px solid black; text-align: start; padding: 15px; position: relative; overflow: hidden; z-index: 2;" class="mcontentwrapper" id="mycustomscroll_mcontentwrapper">
		<div style="position: relative; top: 0px; width: 100%; display: block; padding: 0px; left: 0pt;" class="contentwrapper" id="mycustomscroll_contentwrapper">  
		<div class="lipsum">
<ul id="navmenu-brands">
  <li><a href="#">1ABC Design</a></li>
  <li><a href="#">2ATMsports</a></li>
  <li><a href="#">3Auldey</a></li>
  <li><a href="#">4Baby Angel</a></li>
  <li><a href="#">5Baby Art</a></li>
  <li><a href="#">6Baby Design</a></li>
  <li><a href="#">7Baby Swimmer</a></li>
  <li><a href="#">8BabyBjorn</a></li>
  <li><a href="#">9BabyPoint</a></li>
  <li><a href="#">10Bambolina</a></li>
  <li><a href="#">11Bburago</a></li>
  <li><a href="#">12BEBETTO</a></li>
  <li><a href="#">13Bebetto</a></li>
  <li><a href="#">14BeSafe</a></li>
  <li><a href="#">15Besta Baby</a></li>
  <li><a href="#">16BibiCar</a></li>
  <li><a href="#">17Bloom</a></li>
  <li><a href="#">18Boikido</a></li>
  <li><a href="#">19Boneco&Air-O-Swiss </a></li>
  <li><a href="#">20Bratz</a></li>
  <li><a href="#">21Brevi</a></li>
  <li><a href="#">22Bright Stars</a></li>
  <li><a href="#">23BRITAX</a></li>
  <li><a href="#">24Bullyland</a></li>
  <li><a href="#">25CAM</a></li>
  <li><a href="#">26CAT</a></li>
  <li><a href="#">27Ching-Ching</a></li>
  <li><a href="#">28Concord</a></li>
  <li><a href="#">29Coneco</a></li>
  <li><a href="#">30Cybex</a></li>
  <li><a href="#">31Disney</a></li>
  <li><a href="#">32Edison</a></li>
  <li><a href="#">33Eitech</a></li>
  <li><a href="#">34Emmaljunga</a></li>
  <li><a href="#">35Espiro</a></li>
  <li><a href="#">36Falk</a></li>
  <li><a href="#">37Faro</a></li>
  <li><a href="#">38Funnababy</a></li>
  <li><a href="#">39Geoby</a></li>
  <li><a href="#">40Golden Baby</a></li>
  <li><a href="#">41Graco</a></li>
  <li><a href="#">42Grand</a></li>
  <li><a href="#">43Gymkids</a></li>
  <li><a href="#">44Halabuda</a></li>
  <li><a href="#">45Hamax</a></li>
  <li><a href="#">46Happy Hop</a></li>
  <li><a href="#">47Hauck Group</a></li>
  <li><a href="#">48Heitmann felle</a></li>
  <li><a href="#">49Helicopters</a></li>
  <li><a href="#">50Herbalis Kids</a></li>
  <li><a href="#">51HEXBUG</a></li>
  <li><a href="#">52Huffy</a></li>
  <li><a href="#">53Ice Age 3</a></li>
  <li><a href="#">54Inglesina</a></li>
  <li><a href="#">55INJUSA </a></li>
  <li><a href="#">56Intex</a></li>
  <li><a href="#">57Izacco</a></li>
  <li><a href="#">58JANE</a></li>
  <li><a href="#">59Joybaby</a></li>
  <li><a href="#">60Kaiser</a></li>
  <li><a href="#">61Keenway</a></li>
  <li><a href="#">62Kiddieland </a></li>
  <li><a href="#">62kiddy</a></li>
  <li><a href="#">64K's Kids</a></li>
  <li><a href="#">65Maclaren</a></li>
  <li><a href="#">66Majrani</a></li>
  <li><a href="#">67mamaGPS</a></li>
  <li><a href="#">68Mattel</a></li>
  <li><a href="#">69Maxi-Cosi</a></li>
  <li><a href="#"> 70Medela</a></li>
  <li><a href="#">71Mehano</a></li>
  <li><a href="#">72Melissa & Doug</a></li>
  <li><a href="#">73Mell</a></li>
  <li><a href="#">74Mic-O-Mic</a></li>
  <li><a href="#">75Micro</a></li>
  <li><a href="#">76Mondo</a></li>
  <li><a href="#">77Moulinex</a></li>
  <li><a href="#">78Moxie</a></li>
  <li><a href="#">79Mutsy</a></li>
  <li><a href="#">80Nixor Sports</a></li>
  <li><a href="#">81Nuby</a></li>
  <li><a href="#">82OCIE</a></li>
  <li><a href="#">83Ouaps</a></li>
  <li><a href="#">84Oxford</a></li>
  <li><a href="#">85Paola Reina</a></li>
  <li><a href="#">86Paradiso</a></li>
  <li><a href="#">87Peg-Perego</a></li>
  <li><a href="#">88Philips AVENT</a></li>
  <li><a href="#">89Playgo</a></li>
  <li><a href="#">90Princess Ksenia</a></li>
  <li><a href="#">91Quercetti</a></li>
  <li><a href="#">92Quinny</a></li>
  <li><a href="#">93Razor</a></li>
  <li><a href="#">94RECARO</a></li>
  <li><a href="#">95ROADBOT</a></li>
  <li><a href="#">96Romer</a></li>
  <li><a href="#">97Rubens Barn</a></li>
  <li><a href="#">98Schrodel</a></li>
  <li><a href="#">99SЕСА</a></li>
  <li><a href="#">100Ses Creative</a></li>
  <li><a href="#">101SHARP</a></li>
  <li><a href="#">102Silver Cross</a></li>
  <li><a href="#">103Sleep&Fly</a></li>
  <li><a href="#">104Smart Trike</a></li>
  <li><a href="#">105Smoby</a></li>
  <li><a href="#">106Sport tech</a></li>
  <li><a href="#">107STAMP</a></li>
  <li><a href="#">108Starplast</a></li>
  <li><a href="#">109Startright</a></li>
  <li><a href="#">110Step2</a></li>
  <li><a href="#">111Storchenmuhle (STM)</a></li>
  <li><a href="#">112Supermag</a></li>
  <li><a href="#">113Supermax</a></li>
  <li><a href="#">114Swimtrainer</a></li>
  <li><a href="#">115Taf Toys</a></li>
  <li><a href="#">116Take&Go</a></li>
  <li><a href="#">117TAKO</a></li>
  <li><a href="#">118TCV</a></li>
  <li><a href="#">119Tefal</a></li>
  <li><a href="#">120Teutonia</a></li>
  <li><a href="#">121TFK</a></li>
  <li><a href="#">122Tiny Love</a></li>
  <li><a href="#">123Toyhouse</a></li>
  <li><a href="#">124Trends2Com</a></li>
  <li><a href="#">125Tutis</a></li>
  <li><a href="#">126Viking Toys</a></li>
  <li><a href="#">127VTech</a></li>
  <li><a href="#">128Winther</a></li>
  <li><a href="#">129X-lander</a></li>
  <li><a href="#">130Zoob</a></li>
  <li><a href="#">131Ангел</a></li>
  <li><a href="#">132Верес</a></li>
  <li><a href="#">133Веселка</a></li>
  <li><a href="#">134ЗНАТОК</a></li>
  <li><a href="#">135ИРЕЛЬ</a></li>
  <li><a href="#">136Форт-Опт</a></li></ul>
				
		</div>
		</div></div>

</div>
     
		</div>

Данное меню может быть очень полезно если Вам необходимо меню с большим колличесттвом ссылок, чтобы не раздувать его и экономить место на страничке. В данном меню 136 ссылок, а оно занимает очень немного места на страничке. Колличество ссылок в меню на Ваше усмотрение, его размеры тоже.

И Вы будите использовать скрипт прямо из моей библиотеки не загружая его к себе на страницу.
Вы экономите место и время.

Если Вы хотите иметь скрипт, чтобы изменять и другие его параметры, воспользуйтесь функцией [Скачать с сервера].
Если Вы не видите этой функции в []- следовательно Вы не зарегистрированы на сайте.Вам надо зарегистрироваться и войти как Пользователь.