{{theTime}}

Search This Blog

Total Pageviews

JQuery Example to dynamically change the CSS

<!DOCTYPE html>
<html>
<head>
<script>
$(document).ready(function(){
    $("#b1").click(function(){
        $("body").addClass("important");
    });
});
</script>
 
<style>
.important {
    font-weight: bold;
    font-size: xx-large;
background-color: green;
body {
    background-color: lightblue;
}

h1 {
    color: orange;
    text-align: center;
}

p {
    font-family: verdana;
    font-size: 20px;
}
</style>
</head>
<body>
<h1>JQUERY Example to change the BackGround color</h1>

<center><button id="b1">Change background-color: green</button></center>

</body>
</html>

No comments:

Best Client Optimized Programming Language for Mobile Development?

Use Google's Dart language, which is Object-oriented, class-based and garbage-collected language with C-Style.  Dart can compile to eith...