slide when mouse over gadget jquery

Solutions on MaxInterview for slide when mouse over gadget jquery by the best coders in the world

showing results for - "slide when mouse over gadget jquery"

07 Jan 2020

1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2<html xmlns="http://www.w3.org/1999/xhtml">
3<head>
4<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
5<title>jQuery Hover Effect</title>
6<script type='text/javascript' src='jquery.js'></script>
7<script type='text/javascript'>
8$(document).ready(function(){
9
10$("img.a").hover(
11function() {
12$(this).stop().animate({"opacity": "0"}, "slow");
13},
14function() {
15$(this).stop().animate({"opacity": "1"}, "slow");
16});
17
18});
19</script>
20<style>
21div.fadehover {
22	position: relative;
23	}
24
25img.a {
26	position: absolute;
27	left: 0;
28	top: 0;
29        z-index: 10;
30	}
31	
32img.b {
33	position: abso
34	left: 0;
35	top: 0;
36	}
37</style>
38</head>
39
40<body>
41<div class="fadehover">
42<img src="cbavota-bw.jpg" alt="" class="a" />
43<img src="cbavota.jpg" alt="" class="b" />
44</div>
45</body>
46</html>

source