unobtrusive feedback when the page is loaded (onload)

Question

I added this script in the footer of my page that will flash the usually black background of the page once the page is loaded:

<script>
$(document).ready(function() {
        function highlight_background(){
            if(document.getElementById('content')) {
                //fading background:
                $('#content').css({backgroundColor:"#081108"});
                $('#content').animate({backgroundColor: "black"}, 2000);
            }
         }
         highlight_background();
)}
</script>

This looks great on black background like in my space online game.

But now I am planning to implement a feedback for the user in a serious application of a customer of mine that has white background. there it looks too playful.

Any idea how to manage an unobstrusive feedback once the page is loaded?

score 0 · Answer 1 · answered Oct 25 '13 at 07:50

flash a pink screen instead:

<script>
$(document).ready(function() {
    function highlight_background(){
        if(document.getElementById('content')) {
            //fading background:
            $('#content').css({backgroundColor:"#081108"});
            $('#content').animate({backgroundColor: "pink"}, 2000);
        }
     }
     highlight_background();
)}
</script>

unobtrusive feedback when the page is loaded (onload)

1 Answers1