jquery - 让 Jquery lavalamp 成为 fieldset 的传奇

Question

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

我想让上面的字段集有 JQuery lavalamp 插件作为字段集的图例，所以它看起来像字段集线穿过插件图像，就像一个真正的图例，然后我最终要着色匹配它的字段集。

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

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

结果如下:

有什么方法可以让它看起来正确吗？

Answer 1

放在标题标签内并设置边距会产生奇迹:)

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