<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<title>Jquery</title>
<style type="text/css">
#response
{
height: 50px;
background-color: #80E6FF;
position: absolute;
width: 100%;
top: 0px;
left: 0px;
text-align: center;
text-align: center;
font-style: normal;
font-size: x-large;
font-family: "Comic Sans MS";
}
</style>
<script language="javascript" type="text/javascript">
$(document).ready(function() {
$('#response').hide();
$('#response').click(function() {
$('#response').slideUp('fast');
});
$('#show').click(function() {
$('#response').slideDown('slow');
$('#response').html('Settings saved successfully!');
});
});
</script>
</head>
<body>
<label id="show">Click to Save settings.</label>
<div id="response"></div>
</body>
</html>
No comments:
Post a Comment