Показать сообщение отдельно
  #163 (permalink)  
Старый 11.06.2013, 19:26
Аспирант
Отправить личное сообщение для iMegaMaxmaxmaximus Посмотреть профиль Найти все сообщения от iMegaMaxmaxmaximus
 
Регистрация: 11.06.2013
Сообщений: 39

UI.js 0.4 практически готов


Это например модуль Menu он делает поведение меню, все дочерние элементы контейнера он принимает за пункты меню, за шаблон активного пункта меню принимает первый пункт. все просто... пока просто))


<link rel="stylesheet" href="http://football-forecasts.ru/style.css"/>
<script src="http://football-forecasts.ru/fix.js"></script>
<script src="http://football-forecasts.ru/ui.min.js"></script>

<style>
  .green{ background-color: green }
  .red{ background-color: red}
</style>


<script>
ui.module['Menu'] = function(module) {

  var $items = module.children();
  var $active = $items.eq(0);
  var activeClass = $items.eq(0).classMask($items.eq(1));

  $items.on('click', function() {
    $active.removeClass(activeClass);
    $active = this.addClass(activeClass);
  });

};
</script>


<nav ui="Menu" class="row Menu">
  <a class="__active">google</a>
  <a>yandex</a>
  <a>microsoft</a>
  <a>msn</a>
  <a>rambler</a>
  <a>yahoo</a>
</nav>


<ul ui="Menu" class="column Menu">
  <li class="green __active">Пункт 1</li>
  <li class="green">Пункт 2</li>
  <li class="green">Пункт 3</li>
  <li class="red">Пункт 4</li>
  <li class="green">Пункт 5</li>
</ul>

Последний раз редактировалось iMegaMaxmaxmaximus, 12.06.2013 в 03:54.
Ответить с цитированием