Scribd
Upload
18 views

Lecture 113 - Changing Styles - Changingcssdothtml

This document contains HTML and CSS code defining two shapes - a green circle and two red squares. The JavaScript code makes the squares fade out when the circle is clicked.

Uploaded by

srikantheswar
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
18 views

Lecture 113 - Changing Styles - Changingcssdothtml

This document contains HTML and CSS code defining two shapes - a green circle and two red squares. The JavaScript code makes the squares fade out when the circle is clicked.

Uploaded by

srikantheswar
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 3

Changing Styles: changingcss.

html
!
!
<!doctype html>

<html>

<head>

<title>Learning jQuery</title>

<meta charset="utf-8" />

<meta http-equiv="Content-type" content="text/html; charset=utf-8" />

<meta name="viewport" content="width=device-width, initial-scale=1" />

<script type="text/javascript" src="jquery.min.js"></script>

<style>

#circle {

width:200px;

height:200px;

background-color:green;

border-radius:100px;

.square {

width:300px;
height:300px;

background-color:red;

margin-top:10px;

</style>

</head>

<body>

<div id="circle"></div>

<div class="square"></div>

<div class="square"></div>

<script>

$("#circle").click(function() {

$(".square").fadeOut();

});

</script>

</body>

</html>

You might also like