0

玩弄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/但我根本无法让它在那里工作......叹息......但它确实在本地工作？

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

4

1 回答 1

1

该示例使用部分 jQuery UI（缓动），因此您需要包含它。该站点链接到“http://tympanus.net/Tutorials/CufonizedFlyOutMenu/jquery.easing.1.3.js”，如果您将其添加为 Fiddle 中的资源，则一切正常。

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

这是您问题的“选定”部分的示例。

于 2012-08-07T20:30:41.383 回答