<html>
<head>
<style>
#di
{
display:none;
}
#d2
{
display:none;
}
</style>
</head>
<body>
<div id="di">
<p>This is my first paragraph</p>
</div>
<div id="d2">
<p>this is 2nd paragraph</p>
</div>
<button onMouseMove ="display()">Click Me</button>
<button onClick="hide()">Click Me again</button>
</body>
<script>
function display()
{
document.getElementById("di").style.display="block";
document.getElementById("d2").style.display="block";
}
function hide()
{
document.getElementById("di").style.display="none";
document.getElementById("d2").style.display="none";
}
</script>
</html>
<head>
<style>
#di
{
display:none;
}
#d2
{
display:none;
}
</style>
</head>
<body>
<div id="di">
<p>This is my first paragraph</p>
</div>
<div id="d2">
<p>this is 2nd paragraph</p>
</div>
<button onMouseMove ="display()">Click Me</button>
<button onClick="hide()">Click Me again</button>
</body>
<script>
function display()
{
document.getElementById("di").style.display="block";
document.getElementById("d2").style.display="block";
}
function hide()
{
document.getElementById("di").style.display="none";
document.getElementById("d2").style.display="none";
}
</script>
</html>
No comments:
Post a Comment