ASSIGNMENT:

Below are the two screenshots, the first one is taken before pressing the button and the second one is taken after pressing the button. You are required to design a page having such functionalities on single webpage.

Instructions

Please read the following instructions carefully before submitting assignment:

It should be clear that your assignment will not get any credit if:

§  The assignment is submitted after due date.

§  The submitted assignment does not open or file is corrupt.

§  Solution is copied from any other source.

OBJECTIVE:

The objective of this assignment is to;

§  Learn and practice basic concepts styling usingCSS.

§  Learn the basic concepts of Java Script and use of functions.

§  Learn to use different class of CSS.

§  Create interactive button.

 

ASSIGNMENT:

Below are the two screenshots, the first one is taken before pressing the button and the second one is taken after pressing the button. You are required to design a page having such functionalities on single webpage.  

 

YOUR TASK:

The first box should have following things.

  • Border should be 2px solid black with outline color #4CAF50 solid 10px having text moving in the box from left to right.

The second box should have following things.

§  Background color should be light grey.

§  Width should be 300px with border size 25px solid green in color.

§  Padding and margin should be 25px.

§  After the button is pressed the box opens and there is written roll numbers which are decreasing there size in each line upto 6.

§  Use function to create the gradual decrease in size of Roll number using script code and call that function on button press to display the Roll numbers within the box.

 

Submission:

You are required to submit your solution through LMS in a zip folder having two files in it

§  File saved with .html extension

§  Code file saved in notepad or word file

Views: 298

Replies to This Discussion

Idea Sol Attached

Attachments:

solution 

Attachments:

RSS

Discussion Forum

IT430 Assign # 2 Due Date: 24th May, 2018

Started by + caмe4ѕтυdιeѕ.
Last reply
by Muhammad Umer Mateen on Sunday. 2 Replies

IT430 Assignment # 1 Due Date: 8th May, 2018

Started by + caмe4ѕтυdιeѕ.
Last reply
by Cute S@mra May 5. 5 Replies

IT430 GDB Due Date Wednesday, January 31, 2018

Started by hassan habib.
Last reply
by + caмe4ѕтυdιeѕ Jan 31. 1 Reply

IT430 Assign 2 Due Date: 15 Jan, 2018

Started by + caмe4ѕтυdιeѕ.
Last reply
by Cute S@mra Jan 14. 2 Replies

IT430-E-Commerce Assignment No 1 Solution & Discussion Fall 2017

Started by Cute S@mra.
Last reply
by + caмe4ѕтυdιeѕ Nov 3, 2017. 1 Reply

SPONSORED LINKS

© 2018   Created by Muhammad Anwar Tahseen.   Powered by

Badges  |  Report an Issue  |  Terms of Service