JQuery - Yraaa! Поиск

Результаты 1-10 из 27 по запросу JQuery

Данный скрипт сделает меню, которое будет двигаться в такт курсору и напоминать желе. Напомню то, что желе - это такая масса, которая при легком прикосновении колышется и немного деформируется. Меню на сайте будет создавать такие же впечатления.

25.08.2010

Зеленый шаблон для сайта HTML + JQuery

Шаблон выглядит современно и понятно. Отлично подойдет для сайта-визитки и для портфолио. Да и для блога такой шаблон подходит. Зеленый шаблон для сайта HTML имеет слайдшоу, которое, как понятно из заголовка, сделано на JQuery. Слайдшоу имеет переключатели и к каждому изображению прикрепляется подсказка. Еще одной особенностью этого шаблона можно назвать фон с шумом. Качественно выполнено и зеленое горизонтальное меню, выбранный пункт которого имеет треугольник ...

05.11.2011

Ручное передвижение слайдов на JQuery

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

09.11.2011

Снег для сайта на JQuery

Скрипт не использует картинок и не тормозит загрузку сайта, это лучший скрипт для создания на сайте снегопада. Тут возможно редактирование стиля снежинок, их размера и количества. Интересно то, что можно указывать элементы, на которых снежинки будут останавливаться и скапливаться. Это придает снегопаду реалистичности. Такой эффект стоит устанавливать только в предновогодний период. Снег для сайта на JQuery не мешает навигации по сайту, а это проблема часто встречается в других с...

26.11.2011

Скроллинг как на IPhone на JQuery

17.04.2011

Делаем кнопку наверх с плавной прокруткой JQuery

На сайте center-dm.ru эта кнопка сделана через CSS, у меня нет столько времени, я просто сделал кнопку картинкой. Вы легко сможете заменить ее на свое изображение. Скрипт обеспечит плавное скольжение к верхней части сайта, т.е. плавное прокручивание вверх.

Установка

Отправляемся в Панель Управления, находим в Управлении дизайном Нижнюю часть сайта. Вставляем там вверху следующий код:

<a href="...</div>
<div style="clear:both;color:#646464;">03.01.2012</div>
</div><div class="eMessage">
<span style="font-size:12pt"><a href="/publ/1/3-1-0-1053">Галерея на JQuery</a></span>
<div style="text-align:left;clear:both;padding-top:2px;padding-bottom:2px;">Здесь Вы можете бесплатно скачать простую фотогалерею, в архиве имеется пример с плагином для <i>JQuery</i> и изображения. Да, эта галерея проста, но анимация здесь присутствует. Главное здесь – это удобство, <strong>галерея на JQuery</strong> имеет привычный интерфейс, что обеспечивает удобную навигацию. Под текущей фотографией показываются превью картинок, при нажатии на нужное изображение скрипт перетаскивает нас в то место, где располагается фотография...</div>
<div style="clear:both;color:#646464;">14.01.2012</div>
</div><div class="eMessage">
<span style="font-size:12pt"><a href="/publ/map_jquery/3-1-0-1064">Карта мира на JQuery</a></span>
<div style="text-align:left;clear:both;padding-top:2px;padding-bottom:2px;">Плагин <i>«CraftMap»</i> - это и есть составная часть карты мира. Плагин является полностью настраиваемым. Он преобразует простое изображение в функциональную карту с метками, эти маркеры можно добавлять и удалять на <i>HTML</i> страничке. Карта такая же удобная, как и карты <i>Google Maps</i>. Передвижение из одной части карты в другую осуществляется за счет перетаскивания. <strong>Карта мира на JQuery</strong> также имеет список некоторых стран, на которые установлены маркеры, настраивается эт...</div>
<div style="clear:both;color:#646464;">21.01.2012</div>
</div><div class="eMessage">
<span style="font-size:12pt"><a href="/publ/okno_s_oshibkoj_windows_xp_na_jquery/3-1-0-1152">Окно с ошибкой Windows XP на JQuery</a></span>
<div style="text-align:left;clear:both;padding-top:2px;padding-bottom:2px;">Если у Вас за плечами большой опыт в компьютерной сфере, в знании операционной системы <i>Windows XP</i>, то, определенно, Вы сталкивались с тем, что окно с ошибкой при перетаскивании копируется. При этом ничего другого нет, т.е. ничего больше не работает. Своего рода это было развлечение, помню-помню эти «старые добрые времена». Сейчас даже удивляешься при виде <i>XP</i>, для кого-то исполниться мечта – вспомнить этот эффект копирования окна при его перемещении. <a href="http://yastal.ru/kak-st...</div>
<div style="clear:both;color:#646464;">13.02.2012</div>
</div><div class="eMessage">
<span style="font-size:12pt"><a href="/publ/prostaja_galereja_bez_navigacii_na_jquery/3-1-0-1171">Простая галерея без навигации на JQuery</a></span>
<div style="text-align:left;clear:both;padding-top:2px;padding-bottom:2px;">Галерея не особо продумана в плане гибкости настроек, легко будет только заполнять галерею изображениями. Достаточно вставлять картинки размером 900 на 500 пикселей определенным кодом. Этот размер используемых изображений выписан не случайно, Вам придется повозиться, чтобы его изменить. Нет, Вы можете вставить картинки любого размера, но от этого изменится качество анимации, изменить общий вид галереи. <strong>Простая галерея без навигации на JQuery</strong> привлекает в первую очередь своей ори...</div>
<div style="clear:both;color:#646464;">25.02.2012</div>
</div></div>

</td>

</tr></table>
<br><br>
<div align="center"><span class="pagesBlockuz1"><b class="swchItemA"><span>1</span></b> <a class="swchItem" href="http://yraaa.ru/search/?q=JQuery;t=1;p=2;md="><span>2</span></a> <a class="swchItem" href="http://yraaa.ru/search/?q=JQuery;t=1;p=3;md="><span>3</span></a>  <a class="swchItem" href="http://yraaa.ru/search/?q=JQuery;t=1;p=2;md="><span>»</span></a></span></div>
<br><br>
<div style="text-align:left;padding:10px;">
 <b>По всему интернету:</b><br>
 <ul><li>
 <a href="http://yandex.ru/yandsearch?text=JQuery&lr=172">Результыты в Яндекс</a></li><li>
 <a href="http://www.google.ru/search?hl=ru&source=hp&q=JQuery&aq=f&aqi=&aql=&oq=&gs_rfai=">Результыты в Google</a></li>

</ul>
 </div>

</div>
</div>

.htmlmanual {font-size:10pt;font-family:Georgia;padding:10px;background:#efefef;color:black;}
.htmlmanual strong {font-size:12pt}
.htmlmanual h2 {color:#000000;background:#efefef;padding:0;font-size:12pt;border-bottom:0}
.htmlmanual .sc3 {color:#950000}
.htmlmanual .sc-1 {color:#646464}
.htmlmanual .re0 {color:#237C00}
.htmlmanual .st0 {color:#FF4800}
.htmlmanual code {margin:0;padding:0;display:inline;border:0;color:white;background:#646464}
.htmlmanual code a {color:white}
.htmlmanual code a:hover {color:white}
</style>

<div class="tb">
<div class="tb_left"> </div>
<div class="tb_center"> </div>
<div class="tb_right"> </div>
</div>

<div class="btm">
<div class="btm_4"> </div>
<div class="btm_1"> </div>
<div class="btm_2">
 
<div class="bests"><div class="bst"><div class="ibs"><a href="/index/8-340"><img src="/images/1x1.gif" width="64" alt="" /></a></div><img src="http://yraaa.ru/avatar/49/470040.png" alt="Борат" /></div><div class="bst"><div class="ibs"><a href="/index/8-4"><img src="/images/1x1.gif" width="64" alt="" /></a></div><img src="http://yraaa.ru/avatar/85/712060.png" alt="Денис Абдуллин" /></div><div class="bst"><div class="ibs"><a href="/index/8-17"><img src="/images/1x1.gif" width="64" alt="" /></a></div><img src="http://yraaa.ru/avatar/56/967536.jpg" alt="Виктория" /></div><div class="bst"><div class="ibs"><a href="/index/8-341"><img src="/images/1x1.gif" width="64" alt="" /></a></div><img src="http://yraaa.ru/avatar/68/125844.jpg" alt="Губка Томми" /></div><div class="bst"><div class="ibs"><a href="/index/8-2"><img src="/images/1x1.gif" width="64" alt="" /></a></div><img src="http://2518226431.unet.com/avatar.jpg" alt="Денис Абдуллин" /></div><div class="bst"><div class="ibs"><a href="/index/8-330"><img src="/images/1x1.gif" width="64" alt="" /></a></div><img src="http://s43.ucoz.net/a/04/1049.jpg" alt="sima" /></div><div class="bst"><div class="ibs"><a href="/index/8-40"><img src="/images/1x1.gif" width="64" alt="" /></a></div><img src="http://yraaa.ru/avatar/24/562264.gif" alt="Сергей Князев" /></div></div>
<div class="comm"><div id="cmm1"><table cellspacing="0" cellpadding="0"> <tr> <td valign="top"><div class="av"><div><a href="/index/8-330"><img src="/images/1x1.gif" width="26" alt="" /></a></div><img src="http://s43.ucoz.net/a/04/1049.jpg" alt="sima" /></div></td> <td valign="top"><div class="us"><a href="/index/8-330">sima</a> 21.05.2012, 21:12 к материалу <a href="/publ/4-1-0-1114">Горизонтальное меню Google CSS</a></div>Лучшее горизонтальное меню</td> </tr> </table></div><div id="cmm2" style="display:none"><table cellspacing="0" cellpadding="0"> <tr> <td valign="top"><div class="av"><div><img src="/images/1x1.gif" width="26" alt="" /></div><img src="/images/noavatar.gif" alt="" /></div></td> <td valign="top"><div class="us"><b>Гость</b> 21.05.2012, 18:23 к материалу <a href="/publ/15-1-0-1260">Popup Alert PSD</a></div>Это что какой-то пиар в комментариях?</td> </tr> </table></div><div id="cmm3" style="display:none"><table cellspacing="0" cellpadding="0"> <tr> <td valign="top"><div class="av"><div><img src="/images/1x1.gif" width="26" alt="" /></div><img src="/images/noavatar.gif" alt="" /></div></td> <td valign="top"><div class="us"><b>Гость</b> 21.05.2012, 18:12 к материалу <a href="/publ/15-1-0-1260">Popup Alert PSD</a></div>Азам Рамонов создатель СитиОнлайн</td> </tr> </table></div></div>

</div>
<div class="btm_3"><div class="pad10">

<table cellspacing="0" cellpadding="0">
 <tr>
 <td width="36"><img src="/images/phone.png" alt="" /></td>
 <td><a href="http://yraaa.ru/index/0-10">Обратная связь <br /><span>Написать письмо администрации</span></a></td>
 </tr>
 </table>

<table cellspacing="0" cellpadding="0">
 <tr>
 <td width="36"><img src="/images/rss.png" alt="" /></td>
 <td><a href="http://yraaa.ru/publ/rss">RSS-лента<br /><span>Подписка на новые материалы</span></a></td>
 </tr>
 </table>

<script type="text/javascript"></script>

</div></div>
</div>

<div class="bt2">
<span class="pbqAXWQS">Хостинг от <a href="http://www.ucoz.ru/" title="Создать сайт бесплатно">uCoz</a></span> | <a href="http://yraaa.ru/sitemap.xml">Sitemap</a> | <a href="/index/0-4"><b>Страницы сайта</b></a> | <a href="https://plus.google.com/117068056783278051897/about">Google Plus</a> | 22.05.2012
</div>

</div>
</body>
</html>