JavaScript Beginner Tutorial: Rollover with a Mouse Event

create index.html

<html>
<head>
<title>Rollover with a Mouse Events</title>
<style>
.wrapper{
margin:auto;
padding:10px;
background:#333333;
overflow:auto;
}
.container{
margin:auto;
background:#666666;
overflow:auto;
padding:10px;
}
.container h2{
text-align:center;
color:#FFFFFF;
}
.block{
border: 2px solid #fff;
    margin-left: 39%;
    margin-right: 43%;
    padding: 10px;
}
</style>
<script type="text/javascript">
<!--
if(document.images){
    var image1 = new Image();      // Preload an image
    image1.src = "http://curdweb.com/navin/fullwidthlider.com/images/slider2.png";
 
    var image2 = new Image();      // Preload second image
    image2.src = "http://curdweb.com/navin/fullwidthlider.com/images/slider1.png";

}
//-->
</script>
</head>
<body>
<div class="wrapper">
<div class="container">
<h2>Move your mouse over the image to see the result</h2>
<div class="block">

Wednesday, 13 May 2015

Rollover with a Mouse Event

create index.html

No comments:

Post a Comment