如何创建类似stackoverflow的框,单击以关闭

Question

重复:我如何实现StackOverflow的悬停对话框？

---

我正在尝试创建一个错误消息,正在显示,到目前为止这是一个粗略的尝试,消息显示正常,但点击不起作用..

function message(somemessage){
       $(document).ready(function(){
            $('<div class="error">' + somemessage+ '</div>')
           .insertAfter( $('#ErrorMessage') ).fadeIn('slow').animate({opacity: 1.0}, 5000).click(function(){$(this).remove});
   });
 }

Answer 1

我已经在这个问题上回答了如何做到这一点.

如果您愿意,可以直接跳到示例中.

但是,如果你想要更强大的东西,你应该看看那里的许多解决方案:

• jQuery UI对话框
• jGrowl
• jqModal
• 美容秘诀

如果您想了解如何执行本网站中使用的其他通知(获得新徽章时的顶部通知等),您可以查看如何在此问题中执行此操作.