Member Avatar for arifsaroha

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....

  • 2 Contributors
  • 3 Replies
  • 196 Views
  • 1 Hour Discussion Span
  • Latest Post Latest Post by arifsaroha

Recommended Answers

All 3 Replies

Member Avatar for veedeoo

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.

Member Avatar for arifsaroha

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);
    });

});
Member Avatar for arifsaroha

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.