Change background color on mouseover and remove it after mouseout

Anonymous User 1484 27 May 2018

I want to change the background color on mouse hover .This code works fine but I think this is not the right code

<script type="text/javascript">

    $(document).ready(function() {

        $('.test').bind("mouseover", function(){

            var color = $(this).css("background-color");



            $(this).css("background", "#380606");



            $(this).bind("mouseout", function(){

                $(this).css("background", color);

            }) 

        }) 

    })

</script>

can anyone tell me some other solution?

Ask by Anonymous User

Updated 27 May 2018

1 Answers

Anonymous User 27 May 2018

try this code

<script>

$(document).ready(function(){

    $(".test").hover(function(){

        $(this).css("background-color", "yellow");

        }, function(){

        $(this).css("background-color", "pink");

    });

});
</script>

Markdown for AI

A clean, structured version of this page for AI assistants and LLMs.

Open .md

forum

Change background color on mouseover and remove it after mouseout

Can you answer this question?

1 Answers