<head>
<style type="text/css">
#hidiv {
position: fixed;
left: 400px;
top: 70px;
width:125px;
text-align:center;
background-color: lightyellow;
padding:10px;
border:1px solid orange;
display: none;
font-family:'trebuchet ms';
}
#ctext {
position: fixed;
left: 200px;
top: 70px;
width:125px;
text-align:center;
background-color: lightyellow;
padding:10px;
border:1px solid orange;
font-family:'trebuchet ms';
}
</style>
<script language="javascript">
function hiddendiv(id, visibility) {
document.getElementById(id).style.display = visibility;
}
</script>
</head>
<body>
<div id="ctext">
<a name=type onclick="hiddendiv('hidiv', 'block');";>
show</a> |
<a name=type onclick="hiddendiv('hidiv', 'none');";>
hidde</a>
</div>
<div id="hidiv">Hidden Div</div>
</body>Monday, 31 January 2011
css show/hide example
Subscribe to:
Post Comments (Atom)
Source base installation of php, mysql and apache in ubuntu/ linux
Compile and Install a LAMP(Linux/Apache/MySQL/PHP) Server from Source In the last post, I described the method to install a LAMP ser...
No comments:
Post a Comment