j查询弹出菜单背景 李.

jquery flyout menu background li

本文关键字：背景 菜单 查询      更新时间：2023-09-26

玩弄 http://tympanus.net/Tutorials/CufonizedFlyOutMenu/我放弃了飞入描述，现在试图让它加载额外的 li 以"突出显示"li.current-menu-item 的样式。

它设置一个对象： 

var $moving = $('<li />',{
    class : 'move',
    top   : $selected[0].offsetTop + 'px',
        width : $selected[0].offsetWidth + 'px'
    });

在代码的后面，它作：

function moveTo($elem,speed){
    $moving.stop(true).animate({
        top     : $elem[0].offsetTop + 'px',
        width   : $elem[0].offsetWidth + 'px'
    }, speed, 'easeOutExpo');
}

它创建了我想要的li项目...但它是这样显示的：

<li class="move" top="41px" style="width: 73px; "></li>

如何让上衣显示为一种风格？一切都在工作...但是在页面加载时，直到一切开始，它才获得"顶部"样式？

我加载了一个 http://jsfiddle.net/jq7YQ/26/但我根本无法让它在那里工作......叹息。。。但它确实在本地工作？

我是菜鸟...所以我可能错过了一些愚蠢的东西...或者有更好的方法可以做到这一点？有什么想法吗？

该示例使用了jQuery UI（缓动）的部分内容，因此您需要包含它。该网站链接到"http://tympanus.net/Tutorials/CufonizedFlyOutMenu/jquery.easing.1.3.js"，如果您将其添加为小提琴中的资源，则一切应该都可以工作。

http://jsfiddle.net/rlemon/jq7YQ/28/检查一下。我所做的只是添加jQuery缓动文件（包含在jQuery UI中）

以下是问题中"选定"部分的示例。

相关文章：