Question

我尝试过但无法找到明确的答案，有没有人知道Stackoverflow使用什么来突出显示通过淡入橙色突出显示的页面更改？

它只是一种褪色或某种脉动效应吗？

例如，我有一个页面，当用户在不同的地方点击时，我更改了一些元素，我想通过像StackOverflow那样的脉动来引起对这些页面更新的注意。

假设它是jquery，只是不确定是哪种效果。

感谢。

Answer 1

稍微查看源代码后，找到了执行“pulse”的确切代码：

// if you have firebug, run this in the console, it will first hide all
$("#notify-container div").hide();
$("body").css('marginTop','0px');
// this actually show the pulse
$("#notify-container div").fadeIn("slow");
$("body").animate({
    marginTop: "2.5em"
}, "fast", "linear");

您需要更好的reverse engineering技能，尤其是在拥有源代码时。

请注意，正文动画有几个变量，可确保marginTop具有合适的大小。这个确切的代码用于新用户，提供通知：

欢迎来到专业和发烧友程序员的Q＆amp; A - 查看常见问题解答！

Answer 2

使用jquery，你可以这样做：

<input type="button" value="TEST" id="button"/>
<div id="fade" style="display:none">This is test</div>

$('#button').click(function(){
    $('#fade').fadeIn(5000,function(){
        $('#fade').fadeOut(5000);
    }); 
});

本网站使用的淡入淡出/脉冲效果

2 个答案: