相关疑难解决方法(0)

我如何实现stackoverflow的悬停对话框?

爱上了stackoverflow的单色"点击关闭"悬停对话框,当用户尝试投票并且未登录或未正确使用网站时,会对用户表示问候.任何想法如何和/或Jeff使用的技术实现这些整洁的小设备?

编辑:我特别谈到SQUARE对话框,上面写着"点击关闭".我知道如何在屏幕顶部实现矩形条.

javascript jquery dialog popup

34
推荐指数
1
解决办法
7377
查看次数

通知面板类似于stackoverflow

还记得显示在页面顶部的小div来通知我们的事情(比如新的徽章)吗?

我也希望实现类似的东西,并且正在寻找一些最佳实践或模式.

我的网站也是一个ASP.NET MVC应用程序.理想情况下,答案将包括像"把细节在母版页"和"做这样的控制器".

为了避免您不必自己查看,这是我在未在stackoverflow登录时收到的欢迎消息中看到的代码.

<div class="notify" style="">
  <span>
    First time at Stack Overflow? Check out the
    <a href="/messages/mark-as-read?returnurl=%2ffaq">FAQ</a>!
  </span>
  <a class="close-notify" onclick="notify.close(true)" title="dismiss this notification">×</a>
</div>

<script type="text/javascript">

  $().ready(function() {
    notify.show();
  });

</script>
Run Code Online (Sandbox Code Playgroud)

我想补充一点,我完全理解这一点,也理解jquery的参与.我只是对将代码放入标记以及何时("谁"以及ASP.NET MVC应用程序中的哪些实体)感兴趣.

谢谢!

asp.net-mvc

26
推荐指数
2
解决办法
3418
查看次数

jQuery是否有一个插件来显示"消息栏",如屏幕顶部的Twitter"错误密码"栏?

Twitter将弹出屏幕顶部的消息栏,说"密码错误",10秒后,它会向上滑动并消失.Chrome还会使用这种方式显示"您是否要保存密码"消息框.

jQuery是否有插件可以做到这一点?它是否也适用于IE 6?因为通常,相对于视口(使用position: fixed)的显示将无法在IE 6上运行.谢谢.

更新:感谢很好的解决方案 - 即使用户向下滚动页面时,我也特意想让它工作(1),它会显示在窗口屏幕的顶部,(2)可能会选择显示栏取而代之的是在窗口屏幕的底部(作为一个选项)......如果它在IE 6上运行,那么它就更好......现在可怜的程序员......

jquery plugins effects jquery-effects jquery-animate

14
推荐指数
1
解决办法
7785
查看次数

使用jQuery显示通知的最佳方法

我有一个简单的CRUD表单.

当用户输入或删除记录时,我试图显示一个很酷的成功消息.我在网上看到了很多这个.

我对jquery很新.有谁知道任何会显示如何做到这一点的例子?

基本上是一个慢慢调暗的div.

html javascript jquery

13
推荐指数
1
解决办法
3万
查看次数

如何像SO一样显示"第一次在这里"栏并将其他DIV向下滑动?

我实现了代码来显示 stackoverflow屏幕顶部的栏:如何在stackoverflow中显示弹出消息

这样做是在页面顶部的div顶部显示div.如何显示新的"bar"div并推送其他div?就像StackOverflow一样.

css jquery

6
推荐指数
1
解决办法
262
查看次数

5
推荐指数
1
解决办法
2730
查看次数

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

重复:我如何实现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});
   });
 }
Run Code Online (Sandbox Code Playgroud)

jquery dialog

3
推荐指数
1
解决办法
833
查看次数

Stackoverflow如何做"你赢得了新徽章"窗口?

可能重复:
Notify面板类似于stackoverflow的
如何在stackoverflow中显示弹出消息

Stackoverflow如何做"你赢得了新徽章"窗口?(在屏幕顶部弹出的橙色,我相信当你没有登录时会显示常见问题解答).

有人有代码示例吗?(用按钮关闭窗口?)

javascript ajax notifications

2
推荐指数
1
解决办法
306
查看次数