Фильтр по:
  

  • Страница 1 из 1
  • 1
Модератор форума: likbezz  
Скрипты и коды для юкоз - Форум аццкого кодера » Исходники, Скрипты, Коды, Шаблоны, Примеры, Прикрепления, Инструменты и тп. » Скрипты jQuery, Примеры на jQuery и подобное » Анимация для меню категорий (catsTdMenu $.animate())
Анимация для меню категорий
Дата: Понедельник, 29.08.2011, 06:23 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Стили:
Code
<style type="text/css">
.catsTable{}
.catsTd{padding:5px 0px 5px 5px;}
.catNumData{color:#7b7b7b;}
a.catName,a.catNameActive{text-decoration:none;font-weight:bold;}
a.catName:link,a.catName:visited{color:#000;}
a.catName:hover{color:#000;}
a.catName:active{color:#000;}    
a.catNameActive:link,a.catNameActive:visited{color:#000;}
a.catNameActive:hover{color:#000;}
a.catNameActive:active{color:#000;}   
</style>


Скрипт:
Code
<script type="text/javascript">
function catsTdMenu(){if($.browser.msie&&$.browser.version<9)return false;
$('td.catsTd').hover(function(){$(this).animate({paddingLeft:'15px'},200);},function(){$(this).stop(true,true).animate({paddingLeft:'5px'},200);});}
</script>


HTML:
Code
<!--Start-->
<table class="catsTable" border="0" cellpadding="0" cellspacing="1" width="100%"><tbody><tr><td style="width: 100%;" class="catsTd" id="cid2" valign="top"><a href="http://likbezz.ru/publ/coding/2" class="catName">Web-кодинг</a> <span class="catNumData" style="unicode-bidi: embed;">[14]</span></td></tr><tr><td style="width: 100%;" class="catsTd" id="cid5" valign="top"><a href="http://likbezz.ru/publ/programming/5" class="catName">Web-программирование</a> <span class="catNumData" style="unicode-bidi: embed;">[17]</span><div class="catDescr">Бурно развивающийся раздел программирования, ориентированный на разработку динамических Internet-приложений</div></td></tr><tr><td style="width: 100%;" class="catsTd" id="cid8" valign="top"><a href="http://likbezz.ru/publ/ucoz/8" class="catName">Статьи о/про uCoz</a> <span class="catNumData" style="unicode-bidi: embed;">[22]</span><div class="catDescr">Статьи о/про uCoz. В этом разделе вы найдете статьи о сервисе uCoz, скрипты для юкоз, примеры кодов и оформления сайтов, созданных в системе юКоз</div></td></tr><tr><td style="width: 100%;" class="catsTd" id="cid3" valign="top"><a href="http://likbezz.ru/publ/content/3" class="catName">Контент</a> <span class="catNumData" style="unicode-bidi: embed;">[10]</span></td></tr><tr><td style="width: 100%;" class="catsTd" id="cid4" valign="top"><a href="http://likbezz.ru/publ/seo/4" class="catName">SEO Оптимизация, раскрутка</a> <span class="catNumData" style="unicode-bidi: embed;">[9]</span><div class="catDescr">SEO (Search Engine Optimization)— это комплекс мероприятий, целью которых является улучшение позиций сайта в выдаче поисковых систем по конкретным запросам.</div></td></tr><tr><td style="width: 100%;" class="catsTd" id="cid6" valign="top"><a href="http://likbezz.ru/publ/subtleties/6" class="catName">Тонкости Web</a> <span class="catNumData" style="unicode-bidi: embed;">[1]</span></td></tr></tbody></table>
<script type="text/javascript">catsTdMenu();</script>
<!--//End-->


Для шаблона:
Code
$CATEGORIES$
<script type="text/javascript">catsTdMenu();</script>


Пример ...


...


 
Дата: Понедельник, 29.08.2011, 13:20 |
resident
Сержант
Группа: Пользователи
Сообщений: 29
Награды: 0
Репутация: 0
Статус: Offline


likbezz, спасибо за помощь, все работает так как и хотел.

 
Скрипты и коды для юкоз - Форум аццкого кодера » Исходники, Скрипты, Коды, Шаблоны, Примеры, Прикрепления, Инструменты и тп. » Скрипты jQuery, Примеры на jQuery и подобное » Анимация для меню категорий (catsTdMenu $.animate())
  • Страница 1 из 1
  • 1
Поиск:


Мобильная версия