23
Jun
image rollover effect with css background image
Here we use basic css back ground image to get rollover effect.the logic is simple and we can find it in comments in script itself.
we create a empty link
set back ground as test1.jpg and display to block and height and width to 150px.
build a [...]
Tags: image
23
Jun
image rollover effect with javascript image object
we create a image object with new Image();
set a source attribute to test1.jpg.
create onmouseover even function ,then set image object src to test2.jpg
create onmouseout event function,then set image object src to test1.jpg
to test click even we can see a small alert box.
Download Sorce Code
image-rollover-javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<html>
<head>
<title>Image Roll [...]
Tags: image