动画垂直标签向左

本文介绍了动画垂直标签向左的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

.HTML
===========

<div id="left_float_menu"  align="left">
               <ul id="nav_bar">
       <li id="nav_bar1"><span>Home</span></li>
       <li ><span>About</span></li>
       <li ><span>Contact</span></li>
       <li><span>FAQ</span></li>
       <li><span>News</span></li>
   </ul>

====================

jQuery

=========

=====================

Jquery

=========

jQuery(document).ready(function(){
$("#nav_bar1 li").hover(
function(){
$(this).parent().parent().animate({ width: "140px" }, {queue:false, duration:"normal"} );
$(this).parent().parent().find("span").animate({opacity: "show"}, "fast");
},
function(){
$(this).parent().parent().animate({ width: "30px" }, {queue:false, duration:"normal"} );
$(this).parent().parent().find("span").animate({opacity: "hide"}, "fast");
});
});

============

您好，我正在尝试移动我的第一个竖线(HOME)，以便在悬停时向左移动，而在未悬停时回到相同的位置.

不起作用！！！

有人可以给我的Jquery代码一些启发.

=============

Hi here i am trying to move my first Vertical bar ( HOME) to move a bit left when hovered and back to the same position when not hovered.

Not working!!!

can someone put some light into my Jquery code.

向左

动画垂直标签向左

问题描述

推荐答案