<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>JSToolbox - все о JavaScript &#187; Навигация</title>
	<atom:link href="http://www.jstoolbox.com/category/catalogue/navigation/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.jstoolbox.com</link>
	<description>Блог о программировании вообще и о JavaScript в частности, уроки, статьи, заметки, база знаний.</description>
	<lastBuildDate>Wed, 28 Jul 2010 22:33:40 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Горизонтальное меню аккордеон</title>
		<link>http://www.jstoolbox.com/2008/08/03/gorizontalnoe-menyu-akkordeon/</link>
		<comments>http://www.jstoolbox.com/2008/08/03/gorizontalnoe-menyu-akkordeon/#comments</comments>
		<pubDate>Sun, 03 Aug 2008 21:30:41 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Навигация]]></category>

		<guid isPermaLink="false">http://www.jstoolbox.com/2008/08/03/gorizontalnoe-menyu-akkordeon/</guid>
		<description><![CDATA[


Горизонтальное меню аккордеон, размером всего 1 килобайт. Может использоваться в для создания меню, хранения изображений и другого содержимого.

Использование
Подключаем скрипт и добавляем в страницу HTML код, подобный следующему:

&#60;ul id="sm" class="sm">
&#60;li>&#60;img src="images/1.gif" alt="" />&#60;/li>
&#60;li>&#60;img src="images/2.gif" alt="" />&#60;/li>
&#60;li>&#60;img src="images/3.gif" alt="" />&#60;/li>
&#60;li>&#60;img src="images/4.gif" alt="" />&#60;/li>
&#60;/ul>

Затем добавляем вызов функции JavaScript:

slideMenu.build('sm',200,10,10,1);

Параметры функции:

ID ненумерованного списка
Ширина, на которую аккордеон должен раздвигаться
Таймаут &#8211; определяет, [...]]]></description>
			<content:encoded><![CDATA[<div class="entry_picture" style="width:320px">
<img src='http://www.jstoolbox.com/wp-content/uploads/2008/08/menu_accordion.png' alt='Горизонтальное меню аккордеон' />
</div>
<p>Горизонтальное меню аккордеон, размером всего 1 килобайт. Может использоваться в для создания меню, хранения изображений и другого содержимого.</p>
<p><span id="more-195"></span></p>
<h4>Использование</h4>
<p>Подключаем скрипт и добавляем в страницу HTML код, подобный следующему:</p>
<pre class="prettyprint">
&lt;ul id="sm" class="sm">
&lt;li>&lt;img src="images/1.gif" alt="" />&lt;/li>
&lt;li>&lt;img src="images/2.gif" alt="" />&lt;/li>
&lt;li>&lt;img src="images/3.gif" alt="" />&lt;/li>
&lt;li>&lt;img src="images/4.gif" alt="" />&lt;/li>
&lt;/ul>
</pre>
<p>Затем добавляем вызов функции JavaScript:</p>
<pre class="prettyprint">
slideMenu.build('sm',200,10,10,1);
</pre>
<p>Параметры функции:</p>
<ol>
<li>ID ненумерованного списка</li>
<li>Ширина, на которую аккордеон должен раздвигаться</li>
<li>Таймаут &#8211; определяет, насколько быстро вызывается функция раздвижения аккордеона</li>
<li>Скорость аккордеона (1 &#8211; самая большая скорость)</li>
<li>Секция, которая должна быть открыта при инициализации аккордеона</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.jstoolbox.com/2008/08/03/gorizontalnoe-menyu-akkordeon/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Меню в стиле iPod</title>
		<link>http://www.jstoolbox.com/2008/08/03/menyu-v-stile-ipod/</link>
		<comments>http://www.jstoolbox.com/2008/08/03/menyu-v-stile-ipod/#comments</comments>
		<pubDate>Sun, 03 Aug 2008 21:09:35 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Навигация]]></category>
		<category><![CDATA[ipod]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[меню]]></category>

		<guid isPermaLink="false">http://www.jstoolbox.com/2008/08/03/menyu-v-stile-ipod/</guid>
		<description><![CDATA[


Меню в стиле iPod, помогающее пользователям быстро перемещаться по иерархическим категориям.

Такое меню предоставляет очень простую и удобную навигацию для иерархий с любым количеством уровней. Все меню находится в контейнере с фиксированным размером, и когда выбирается один из пунктов меню, сверху появляется ссылка (breadcrumb), которая позволяет легко вернуться на любой из предыдущих уровней.
]]></description>
			<content:encoded><![CDATA[<div class="entry_picture" style="width:320px">
<img src='http://www.jstoolbox.com/wp-content/uploads/2008/08/jquery_ipod.png' alt='Меню в стиле iPod на jQuery' />
</div>
<p>Меню в стиле iPod, помогающее пользователям быстро перемещаться по иерархическим категориям.</p>
<p><span id="more-193"></span></p>
<p>Такое меню предоставляет очень простую и удобную навигацию для иерархий с любым количеством уровней. Все меню находится в контейнере с фиксированным размером, и когда выбирается один из пунктов меню, сверху появляется ссылка (breadcrumb), которая позволяет легко вернуться на любой из предыдущих уровней.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.jstoolbox.com/2008/08/03/menyu-v-stile-ipod/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
