让Jquery lavalamp成为fieldset的传奇

时间:2011-03-24 00:33:40

标签: jquery html css

<fieldset>
            <legend>
                <ul class="lavaLampWithImage">
                    <li><a href="#">Home</a></li>
                    <li><a href="#">About</a></li>
                    <li><a href="#">Contact</a></li>
                </ul>
            </legend>
        </fieldset>

我想让上面的fieldset拥有JQuery lavalamp插件作为fieldset的图例,所以看起来像fieldset线穿过插件图像,就像真正的传说一样,然后我最终会变色字段集来匹配它。

$(function () { $(".lavaLampWithImage").lavaLamp({ fx: "backout", speed: 700 }) });

这是我用来创建lavalamp菜单的代码。

以下是它的结果:

enter image description here

无论如何我能让它看起来正确吗?

1 个答案:

答案 0 :(得分:0)

放入标题标记并设置边距可以创造奇迹:)

<h1 style="margin-top:-50px; margin-left:20px;">
            <ul class="lavaLampWithImage">
                <li><a href="#">Home</a></li>
                <li><a href="#">About</a></li>
                <li><a href="#">Contact</a></li>
            </ul>
        </h1>