Question

我正在研究asp.net应用程序。如果用户没有登录，当用户尝试添加评论时，我正在寻找一种在textarea上显示链接的方法。

我从Youtube视频评论中得到了这个想法。如果你没有合作，他们会显示一个链接，说你必须登录才能添加评论。

有没有人知道如何做到这一点。一条jquery代码会有所帮助。

提前致谢。

最诚挚的问候，拉希德

Answer 1

您可以使用覆盖在mouseenter上的textarea上的叠加链接来完成此操作。然后，只需将其隐藏在mouseleave：

上

<强> HTML

<div id="comment">
    <textarea rows="3" cols="20"></textarea>
    <a class="overlay" href="" style="display: none; position: absolute;">You must login</a>
</div>

<强>的jQuery

$('#comment').mouseenter(function() {
    var textarea = $(this).find('textarea');
    var overlay = $(this).find('.overlay');

    var pos = textarea.position();
    overlay.css({
        top: pos.top,
        left: pos.left,
        width: textarea.width(),
        height: textarea.height(),
        display: 'block'
    });
});

$('#comment').mouseleave(function() {
    var overlay = $(this).find('.overlay');
    overlay.css({
        display: 'none'
    });
});

你可以看到它in action here。

Youtube喜欢评论 - 当用户尝试添加评论时，在textarea上显示链接

1 个答案: