动画垂直标签向左 [英] animating vertical tab to left

问题描述

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

.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.

推荐答案

(" ).hover( function(){

("#nav_bar1 li").hover( function(){

(此).parent().parent().animate({width:" }，{queue: false ，持续时间: " }));

(this).parent().parent().animate({ width: "140px" }, {queue:false, duration:"normal"} );

(此).parent().parent().find(" ).animate({opacity:" }， 快速")； }， function(){

(this).parent().parent().find("span").animate({opacity: "show"}, "fast"); }, function(){

这篇关于动画垂直标签向左的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！