In
this example we explain that show notification bar on the top of the page using
JQuery in asp.net.or display message or notification with proper format at top
of the page using JQuery.here we demonstrate how to use jquery to show or display
the notification bar on top of the page or display notification bar to website
using jquery.
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>jQuery Show Notification Bar At
Top of Page</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script type="text/javascript">
$(function () {
$("#btnHide").click(function (evt) {
$("#notifactiondiv").slideUp('slow');
});
$("#hrefshownotfify").click(function (evt) {
$("#notifactiondiv").slideDown('slow');
});
});
</script>
<style type="text/css">
.notifactionbar
{
background-color: #EB5E00;
color: white;
font-weight: bold;
position: absolute;
width: 100%;
top: 0px;
left: 0px;
text-align: center;
border-bottom-width: 2px;
border-bottom-color: #666666;
border-bottom-style: solid;
text-align: center;
padding: 10px;
}
</style>
</head>
<body>
<div id="notifactiondiv" class="notifactionbar">
<label>jQuery Notification Bar on Top
of the Page</label>
<br />
<input type="button" id="btnHide" value="Hide" />
</div>
<div style="margin-left:50%">
<a href="" id="hrefshownotfify">Show Notification Bar</a>
</div>
</body>
</html>
0 comments:
Post a Comment