Question

我有一个包含一些段落的HTML文档。我想这样做：

在鼠标悬停时，应向用户显示div，确切地说是段落和鼠标光标所在的位置，对于下一段，应删除最后一个div和新div应该附加。

我已经编写了这段代码，但我无法fadein。我应该在哪里编写fadeout的代码，如何设置此div显示在段落附近：

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
    <script>
        $(document).ready(function () {
            $('p').hover(function () {
                $('body').append('<div style="position:absolute left= -99px"><p>Hello world</p></div><br/><br/>').fadeIn('slow');
            });
        });
    </script>

Answer 1

你应该像这样重写它，以确保你想要追加的对象是jQuery对象，并且实际上有fadeIn方法，你可以正确计算所需的位置值。

 $(document).ready(function () {
        $('p').hover(function () {
            $('body').append($('<div />')
                         .addClass('colorful')
                         .css{position : absolute, left : -99})
                         .append($('<p />').html('Hello world'))
                         .fadeIn('slow')
                    );
        });
    });

请检查括号的数量是否正确。我这里没有语法检查器。

将<p>元素追加并淡入</p>

1 个答案: