Apparition div sous la souris

de ce que tu souhaite :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
<style>
#apparait { position: absolute; top: 0 ; left: 0 ; height: 250px ;width:  450px ; 
		z-index: 0 ; background-color: yellow; display: none}
</style>
 
<div id='apparait'>
  On me voit au click
</div>
 
 
<script type="text/javascript">
 
$().click(function(e){
	x = 10;
	y = 10;
	top = e.clientY + y;
	left  = e.clientX + x;
	$('#apparait').css({'top' : top+'px', 'left' : left+'px' ,' z-index' : 1000 , 'display' : 'block'})
 
})
 
</script>

Pour modifier la position de la div en fonction de ton click modifie les valeurs de x et de y qui sont a 10 dans l'exemple. Tu peux aussi utiliser des valeurs négatives.