<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	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/"
		>
<channel>
	<title>Комментарии к записи: jQuery API: Effects &#8211; эффекты.</title>
	<atom:link href="http://www.linkexchanger.su/2008/61.html/feed" rel="self" type="application/rss+xml" />
	<link>http://www.linkexchanger.su/2008/61.html</link>
	<description>css, html, php, javascript, jQuery, ajax ... - решения, примеры, рецепты</description>
	<lastBuildDate>Tue, 07 Feb 2012 14:36:04 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
		<item>
		<title>Автор: Gennady</title>
		<link>http://www.linkexchanger.su/2008/61.html/comment-page-2#comment-64762</link>
		<dc:creator>Gennady</dc:creator>
		<pubDate>Tue, 19 Jan 2010 13:45:29 +0000</pubDate>
		<guid isPermaLink="false">http://www.linkexchanger.su/2008/61.html#comment-64762</guid>
		<description>И Вам спасибо :)
Обсуждение статьи можно продолжить на &lt;a href=&quot;http://www.linkexchanger.su/forum/viewtopic.php?f=2&amp;t=24&quot; rel=&quot;nofollow&quot;&gt;форуме jQuery&lt;/a&gt;.</description>
		<content:encoded><![CDATA[<p>И Вам спасибо <img src='http://www.linkexchanger.su/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /><br />
Обсуждение статьи можно продолжить на <a href="http://www.linkexchanger.su/forum/viewtopic.php?f=2&#038;t=24" rel="nofollow">форуме jQuery</a>.</p>
]]></content:encoded>
	</item>
	<item>
		<title>Автор: Леонид</title>
		<link>http://www.linkexchanger.su/2008/61.html/comment-page-2#comment-64418</link>
		<dc:creator>Леонид</dc:creator>
		<pubDate>Sun, 17 Jan 2010 13:25:36 +0000</pubDate>
		<guid isPermaLink="false">http://www.linkexchanger.su/2008/61.html#comment-64418</guid>
		<description>Спасибо автору за отличный сайт и познавательные статьи.
Всё в примерах - это важно, особенно в такой области как библиотеки JavaScript

Успехов вам, и новых статей :)</description>
		<content:encoded><![CDATA[<p>Спасибо автору за отличный сайт и познавательные статьи.<br />
Всё в примерах &#8211; это важно, особенно в такой области как библиотеки JavaScript</p>
<p>Успехов вам, и новых статей <img src='http://www.linkexchanger.su/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
]]></content:encoded>
	</item>
	<item>
		<title>Автор: Gennady</title>
		<link>http://www.linkexchanger.su/2008/61.html/comment-page-2#comment-63480</link>
		<dc:creator>Gennady</dc:creator>
		<pubDate>Mon, 11 Jan 2010 19:14:08 +0000</pubDate>
		<guid isPermaLink="false">http://www.linkexchanger.su/2008/61.html#comment-63480</guid>
		<description>To Konstantin:
Попробуйте покопаться в исходниках &lt;a href=&quot;http://www.dynamicdrive.com/style/csslibrary/item/jquery_multi_level_css_menu_2/&quot; rel=&quot;nofollow&quot;&gt;этого&lt;/a&gt; и &lt;a href=&quot;http://www.dynamicdrive.com/style/csslibrary/item/jquery_drop_line_menu/&quot; rel=&quot;nofollow&quot;&gt;этого&lt;/a&gt;. А то может и не будете велосипед изобретать, а целиком используете :)
Хотя Вас прекрасно понимаю - мне свое тоже ближе как-то :)</description>
		<content:encoded><![CDATA[<p>To Konstantin:<br />
Попробуйте покопаться в исходниках <a href="http://www.dynamicdrive.com/style/csslibrary/item/jquery_multi_level_css_menu_2/" rel="nofollow">этого</a> и <a href="http://www.dynamicdrive.com/style/csslibrary/item/jquery_drop_line_menu/" rel="nofollow">этого</a>. А то может и не будете велосипед изобретать, а целиком используете <img src='http://www.linkexchanger.su/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /><br />
Хотя Вас прекрасно понимаю &#8211; мне свое тоже ближе как-то <img src='http://www.linkexchanger.su/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
]]></content:encoded>
	</item>
	<item>
		<title>Автор: Gennady</title>
		<link>http://www.linkexchanger.su/2008/61.html/comment-page-2#comment-63478</link>
		<dc:creator>Gennady</dc:creator>
		<pubDate>Mon, 11 Jan 2010 19:05:55 +0000</pubDate>
		<guid isPermaLink="false">http://www.linkexchanger.su/2008/61.html#comment-63478</guid>
		<description>To Эдик:
В качестве идеи... Для draggable определить опцию start. Функция, которая будет вызвана при начале перемещения должна будет остановить анимацию, например с помощью &lt;a href=&quot;http://docs.jquery.com/Effects/stop#clearQueuegotoEnd&quot; rel=&quot;nofollow&quot;&gt;stop()&lt;/a&gt;. Может пригодится и фильтр &lt;a href=&quot;http://docs.jquery.com/Selectors/animated&quot; rel=&quot;nofollow&quot;&gt;:animated&lt;/a&gt; для поиска элемента, где выполняется анимация.</description>
		<content:encoded><![CDATA[<p>To Эдик:<br />
В качестве идеи&#8230; Для draggable определить опцию start. Функция, которая будет вызвана при начале перемещения должна будет остановить анимацию, например с помощью <a href="http://docs.jquery.com/Effects/stop#clearQueuegotoEnd" rel="nofollow">stop()</a>. Может пригодится и фильтр <a href="http://docs.jquery.com/Selectors/animated" rel="nofollow">:animated</a> для поиска элемента, где выполняется анимация.</p>
]]></content:encoded>
	</item>
	<item>
		<title>Автор: Konstantin</title>
		<link>http://www.linkexchanger.su/2008/61.html/comment-page-2#comment-63272</link>
		<dc:creator>Konstantin</dc:creator>
		<pubDate>Sun, 10 Jan 2010 07:46:26 +0000</pubDate>
		<guid isPermaLink="false">http://www.linkexchanger.su/2008/61.html#comment-63272</guid>
		<description>Часть кода обрезало.
Попытаюсь прояснить
PORTFOLIO - это соответсвенно div#portfolio
СВАДЕБНАЯ 
ПОРТРЕТ
ДЕТИ
ВИДЫ ГОРОДА
ПЕЙЗАЖИ
FASHION
это все элементы подменю с классом mini
которые  входят в div#cont
ну а CONTACT - div#contact</description>
		<content:encoded><![CDATA[<p>Часть кода обрезало.<br />
Попытаюсь прояснить<br />
PORTFOLIO &#8211; это соответсвенно div#portfolio<br />
СВАДЕБНАЯ<br />
ПОРТРЕТ<br />
ДЕТИ<br />
ВИДЫ ГОРОДА<br />
ПЕЙЗАЖИ<br />
FASHION<br />
это все элементы подменю с классом mini<br />
которые  входят в div#cont<br />
ну а CONTACT &#8211; div#contact</p>
]]></content:encoded>
	</item>
	<item>
		<title>Автор: Konstantin</title>
		<link>http://www.linkexchanger.su/2008/61.html/comment-page-2#comment-63271</link>
		<dc:creator>Konstantin</dc:creator>
		<pubDate>Sun, 10 Jan 2010 07:37:00 +0000</pubDate>
		<guid isPermaLink="false">http://www.linkexchanger.su/2008/61.html#comment-63271</guid>
		<description>Здравствуйте.
Пытаюсь создать dropdown меню используя slideDown и slideUp. При наведение на портфолио выпадает подменю состоящее из дивов с классом mini. Cворачивание должно происходить только если курсор вышел за пределы div.mini и #portfolio. Однако сворачивание происходит уже при наведении на первый пункт подменю. И что забавно - я также меняю backgroundColor у портфолио, и по идее если происходит сворачивание должен возвращаться исходный цвет у backgroundа, однако сохраняется измененый.
Подскажите , если не трудно.
Вот код:
     

            #cont{
                position:absolute;
                top:50px;
                left:10px;
                width:100px;
                height:150px;
                display:none;
                z-index:6;
            }
    .menu,.mini{
        font-weight:600;
        background-color:white;
        cursor:pointer;
        font-family:Arial, Helvetica, sans-serif
    }
    #portfolio{
       padding-left:5px;
       left:10px;
       text-align:left;
       color:black;      
       position:absolute;
       font-size:14px;
       width:100px;
       height:20px;
       z-index:7;
       padding-top:2px;
    }
    div.mini{ 
      position:absolute;
      font-size:10px;
      height:19px;
      left:0px;
      padding-top:2px;
      padding-left:6px;
      z-index:-2;
      font-weight:600;
      cursor:pointer
    }

    #contact{
        position:absolute;
        text-align:left;
        z-index:7;
        font-size:14px;
        width:84px;
        height:21px;
        padding-left:5px;
        padding-top:1px;
    }
    .fon{
        position:absolute;
        left:0px;
        z-index:0;
        overflow:hidden;
        visibility:hidden;
    }

    
    
    
        
    
 
        PORTFOLIO     
    
    
        
    
        
    
        СВАДЕБНАЯ    
    
    
    
        ПОРТРЕТ
    
    
    
        ДЕТИ
    
     
    
        ВИДЫ ГОРОДА
    
   
      
        ПЕЙЗАЖИ
    
  &lt;!--[if IE 8]&gt;--&gt;
  
  $(&#039;#nat&#039;).css({width:&#039;70px&#039;});
  
  
      
        FASHION
    
        
     
        CONTACT
    
  
 
     $(&quot;#portfolio,div.mini&quot;).bind(&#039;mouseover&#039;,function(){
        $(&quot;#portfolio&quot;).css({
          color:&#039;white&#039;,
          backgroundColor:&#039;transparent&#039;,
          paddingLeft:&#039;0px&#039;,
          textAlign:&#039;center&#039;
        });
        $(&quot;#cont&quot;).slideDown(1000);
        $(&quot;#contact&quot;).animate({top:&#039;182px&#039;},1000);
     })
    $(&quot;#portfolio,div.mini&quot;).bind(&#039;mouseout&#039;,function(){
       $(&quot;#porfolio&quot;).css({
         color:&#039;black&#039;,
         backgroundColor:&#039;white&#039;,
         textAlign:&#039;left&#039;,
         paddingLeft:&#039;5px&#039;
       });
       $(&quot;#cont&quot;).slideUp(1000);
       $(&quot;#contact&quot;).animate({top:&#039;54px&#039;},1000);
        
    });</description>
		<content:encoded><![CDATA[<p>Здравствуйте.<br />
Пытаюсь создать dropdown меню используя slideDown и slideUp. При наведение на портфолио выпадает подменю состоящее из дивов с классом mini. Cворачивание должно происходить только если курсор вышел за пределы div.mini и #portfolio. Однако сворачивание происходит уже при наведении на первый пункт подменю. И что забавно &#8211; я также меняю backgroundColor у портфолио, и по идее если происходит сворачивание должен возвращаться исходный цвет у backgroundа, однако сохраняется измененый.<br />
Подскажите , если не трудно.<br />
Вот код:</p>
<p>            #cont{<br />
                position:absolute;<br />
                top:50px;<br />
                left:10px;<br />
                width:100px;<br />
                height:150px;<br />
                display:none;<br />
                z-index:6;<br />
            }<br />
    .menu,.mini{<br />
        font-weight:600;<br />
        background-color:white;<br />
        cursor:pointer;<br />
        font-family:Arial, Helvetica, sans-serif<br />
    }<br />
    #portfolio{<br />
       padding-left:5px;<br />
       left:10px;<br />
       text-align:left;<br />
       color:black;<br />
       position:absolute;<br />
       font-size:14px;<br />
       width:100px;<br />
       height:20px;<br />
       z-index:7;<br />
       padding-top:2px;<br />
    }<br />
    div.mini{<br />
      position:absolute;<br />
      font-size:10px;<br />
      height:19px;<br />
      left:0px;<br />
      padding-top:2px;<br />
      padding-left:6px;<br />
      z-index:-2;<br />
      font-weight:600;<br />
      cursor:pointer<br />
    }</p>
<p>    #contact{<br />
        position:absolute;<br />
        text-align:left;<br />
        z-index:7;<br />
        font-size:14px;<br />
        width:84px;<br />
        height:21px;<br />
        padding-left:5px;<br />
        padding-top:1px;<br />
    }<br />
    .fon{<br />
        position:absolute;<br />
        left:0px;<br />
        z-index:0;<br />
        overflow:hidden;<br />
        visibility:hidden;<br />
    }</p>
<p>        PORTFOLIO     </p>
<p>        СВАДЕБНАЯ    </p>
<p>        ПОРТРЕТ</p>
<p>        ДЕТИ</p>
<p>        ВИДЫ ГОРОДА</p>
<p>        ПЕЙЗАЖИ</p>
<p>  <!--[if IE 8]&gt;--></p>
<p>  $(&#8216;#nat&#8217;).css({width:&#8217;70px&#8217;});</p>
<p>        FASHION</p>
<p>        CONTACT</p>
<p>     $(&laquo;#portfolio,div.mini&raquo;).bind(&#8216;mouseover&#8217;,function(){<br />
        $(&laquo;#portfolio&raquo;).css({<br />
          color:&#8217;white&#8217;,<br />
          backgroundColor:&#8217;transparent&#8217;,<br />
          paddingLeft:&#8217;0px&#8217;,<br />
          textAlign:&#8217;center&#8217;<br />
        });<br />
        $(&laquo;#cont&raquo;).slideDown(1000);<br />
        $(&laquo;#contact&raquo;).animate({top:&#8217;182px&#8217;},1000);<br />
     })<br />
    $(&laquo;#portfolio,div.mini&raquo;).bind(&#8216;mouseout&#8217;,function(){<br />
       $(&laquo;#porfolio&raquo;).css({<br />
         color:&#8217;black&#8217;,<br />
         backgroundColor:&#8217;white&#8217;,<br />
         textAlign:&#8217;left&#8217;,<br />
         paddingLeft:&#8217;5px&#8217;<br />
       });<br />
       $(&laquo;#cont&raquo;).slideUp(1000);<br />
       $(&laquo;#contact&raquo;).animate({top:&#8217;54px&#8217;},1000);</p>
<p>    });</p>
]]></content:encoded>
	</item>
	<item>
		<title>Автор: Эдик</title>
		<link>http://www.linkexchanger.su/2008/61.html/comment-page-2#comment-63143</link>
		<dc:creator>Эдик</dc:creator>
		<pubDate>Sat, 09 Jan 2010 13:54:39 +0000</pubDate>
		<guid isPermaLink="false">http://www.linkexchanger.su/2008/61.html#comment-63143</guid>
		<description>Здравствуйте. Такой вопрос:

Как сделать, чтобы во время анимации объект можно было перемещать с помощью draggable плагина. Мой код:
//---------------	
	$(&quot;#someID&quot;).show()
		.draggable({ 
				cursor: &quot;move&quot;,
				addClasses: false,
				opacity:0.3
		  })			
		.animate({left:dx}, {queue:false ,duration: speed} ) 
//---------------	
В animate() объект изменяет координаты по х. Draggable позволяет перемещать произвольно по y, а по х нет, т.к. идет анимация. Немогу понять, как ее остановить и начать с того места, куда переместил объект анимации.
Заранее спасибо!</description>
		<content:encoded><![CDATA[<p>Здравствуйте. Такой вопрос:</p>
<p>Как сделать, чтобы во время анимации объект можно было перемещать с помощью draggable плагина. Мой код:<br />
//&#8212;&#8212;&#8212;&#8212;&#8212;<br />
	$(&laquo;#someID&raquo;).show()<br />
		.draggable({<br />
				cursor: &laquo;move&raquo;,<br />
				addClasses: false,<br />
				opacity:0.3<br />
		  })<br />
		.animate({left:dx}, {queue:false ,duration: speed} )<br />
//&#8212;&#8212;&#8212;&#8212;&#8212;<br />
В animate() объект изменяет координаты по х. Draggable позволяет перемещать произвольно по y, а по х нет, т.к. идет анимация. Немогу понять, как ее остановить и начать с того места, куда переместил объект анимации.<br />
Заранее спасибо!</p>
]]></content:encoded>
	</item>
	<item>
		<title>Автор: alexander</title>
		<link>http://www.linkexchanger.su/2008/61.html/comment-page-2#comment-61809</link>
		<dc:creator>alexander</dc:creator>
		<pubDate>Mon, 04 Jan 2010 20:38:40 +0000</pubDate>
		<guid isPermaLink="false">http://www.linkexchanger.su/2008/61.html#comment-61809</guid>
		<description>наверно вот так (без queue)
   function runIt1() {
      $(&quot;#div1&quot;).animate({left:&#039;+=300&#039;},2000);
      $(&quot;#div1&quot;).animate({left:&#039;-=300&#039;},1,runIt2);
    }
    function runIt2() {
      $(&quot;#div2&quot;).animate({left:&#039;+=300&#039;},2000  );
     $(&quot;#div2&quot;).animate({left:&#039;-=300&#039;},1,runIt1);
    }

    runIt1();</description>
		<content:encoded><![CDATA[<p>наверно вот так (без queue)<br />
   function runIt1() {<br />
      $(&laquo;#div1&#8243;).animate({left:&#8217;+=300&#8242;},2000);<br />
      $(&laquo;#div1&#8243;).animate({left:&#8217;-=300&#8242;},1,runIt2);<br />
    }<br />
    function runIt2() {<br />
      $(&laquo;#div2&#8243;).animate({left:&#8217;+=300&#8242;},2000  );<br />
     $(&laquo;#div2&#8243;).animate({left:&#8217;-=300&#8242;},1,runIt1);<br />
    }</p>
<p>    runIt1();</p>
]]></content:encoded>
	</item>
	<item>
		<title>Автор: Gennady</title>
		<link>http://www.linkexchanger.su/2008/61.html/comment-page-2#comment-61795</link>
		<dc:creator>Gennady</dc:creator>
		<pubDate>Mon, 04 Jan 2010 19:05:00 +0000</pubDate>
		<guid isPermaLink="false">http://www.linkexchanger.su/2008/61.html#comment-61795</guid>
		<description>Ну, принцип все равно будет тот же, а как конкретно выполнить... Да просто посмотрите примеры &lt;a href=&quot;http://docs.jquery.com/Effects/animate#paramsdurationeasingcallback&quot; rel=&quot;nofollow&quot;&gt;animate&lt;/a&gt; и &lt;a href=&quot;http://docs.jquery.com/Core/queue#name rel=&quot;nofollow&quot;&gt;queue&lt;/a&gt;.</description>
		<content:encoded><![CDATA[<p>Ну, принцип все равно будет тот же, а как конкретно выполнить&#8230; Да просто посмотрите примеры <a href="http://docs.jquery.com/Effects/animate#paramsdurationeasingcallback" rel="nofollow">animate</a> и <a href="http://docs.jquery.com/Core/queue#name rel="nofollow">queue</a>.</p>
]]></content:encoded>
	</item>
	<item>
		<title>Автор: alexander</title>
		<link>http://www.linkexchanger.su/2008/61.html/comment-page-2#comment-60616</link>
		<dc:creator>alexander</dc:creator>
		<pubDate>Thu, 31 Dec 2009 05:44:15 +0000</pubDate>
		<guid isPermaLink="false">http://www.linkexchanger.su/2008/61.html#comment-60616</guid>
		<description>А как в jquery заставить два div бегать в цикле друг за другом (мини карусель) ? То есть как только один пробегает экран - за ни другой - и все повторяется. Как это сделать на JS - примерно понятно(            if( slidepos &lt; 600 );slidepos++;slidediv.style.left = slidepos; и т.д.). А можно ли при помощи анимации jquery? Может быть как-то при помощи queue() и callback ?</description>
		<content:encoded><![CDATA[<p>А как в jquery заставить два div бегать в цикле друг за другом (мини карусель) ? То есть как только один пробегает экран &#8211; за ни другой &#8211; и все повторяется. Как это сделать на JS &#8211; примерно понятно(            if( slidepos &lt; 600 );slidepos++;slidediv.style.left = slidepos; и т.д.). А можно ли при помощи анимации jquery? Может быть как-то при помощи queue() и callback ?</p>
]]></content:encoded>
	</item>
</channel>
</rss>

