Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
I find the reminder box in jsfiddle is attractive. It is a box contain some message and URL , there is a close button on top right corner. When you click it it close with some animation.
So I would like to know how to use css & jquery to create a simple box like that? Thanks for helping me.
I made you a demo with jsfiddle!
The javascript is a jQuery function called slideUp() that shrinks the box by lowering it’s height.
The CSS to create the box and the button are straight forward. The box is a standard box. The close button is the letter X, embiggened and moved to the top right corner of the box.
In the comments of the CSS, I go into more detail about what each section does.