Hello Everyone,
Actually I have a good command on html, css, css3... Now I'm turning towards jquery and watching video tutorials. So, I want to get assignment on daily basis of Jquery. Is there any person who can give me the assignment, so that I can improve my jquery....
arifsaroha 0 Newbie Poster
veedeoo 474 Junior Poster Featured Poster
ok, use your good command in html and css. Create an html document something like this
<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel='stylesheet' type='text/css' href='style.css'/>
</head>
<body>
<div>Make this disapper on click using jquery</div>
</body>
</html>
create the style.css and make the <div> with blue background; widht: 400px; and height: 400px;
Write a jquery function to make the div fadeout on click. I want you to make the fadeout slow.
arifsaroha 0 Newbie Poster
Yes I got it my dear friend. please give me another assignment.,,,,
HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset= "utf-8" />
<title> Practice </title>
</head>
<body>
<div class="box"></div>
<script type="text/javascript" src="jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="myscript.js"></script>
</body>
</html>
CSS:
.box {
width: 400px;
height: 400px;
background: #00F;
cursor:pointer;
}
JQUERY:
$(document).ready( function () {
$(".box").on('click', function () {
$(this).fadeOut(3000);
});
});
arifsaroha 0 Newbie Poster
Dear Veedeoo, please give me another assignment so that i can reached the climax of jquery. I wanna become an expert. please help me in this regard.
Be a part of the DaniWeb community
We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.