Cursor - Circle Blinking

Front-end
#1

Boa Tarde

Alguém tem alguma idéia/dica de como fazer o seguinte procedimento:

Clicar na página web e desenhar no local do clique um círculo piscando (Não pode ser gif)… preciso disso para informar aonde o usuário clicou no Mapa …

De preferência que não seja flash.

Desde já agradeço!

#2

tava meio tediado aqui e resolvi quebrar essa!
:slight_smile:

[code]

<head>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
	<script type="text/javascript">
		$(document).ready(function(){
				$('body').click(function(e){
					
					$('img').css('left', (e.pageX - 15) + 'px')
					$('img').css('top', (e.pageY  - 15) + 'px')
					$('img').show()
				})
				
				$('img').mouseout(function(){
					$(this).fadeOut()
				})
				
				function blink(time, interval){
					var timer = window.setInterval(function(){
					$("img").css("opacity", "0.1");
							window.setTimeout(function(){
								$("img").css("opacity", "1");
							}, 100);
						}, interval);
					window.setTimeout(function(){clearInterval(timer);}, time);
				}
				blink(90000, 1000);
		})
		
	</script>
</head>

<body>
	<img style="display:none; position:absolute" src="http://1.bp.blogspot.com/-3zGxCMvMBmE/T2RFnUvLfxI/AAAAAAAAAOg/hbf8Lzq_HfU/s1600/SmallSmileyFace.jpg"/>
</body>
[/code]
#3

Boa Tarde

Obrigado pela dica … como estou trabalhando com Mapa, existe o fator escala, tenho que redimensionar o “objeto” conforme o usuário for alterando a escala do mapa …

Vou pegar a sua dica e os links debaixo para solucionar o problema.

Grato pela atenção.

http://openlayers.org/dev/examples/rotate-features.html

http://www.dynamicdrive.com/dynamicindex13/customcursor2.htm

#4