Cursor - Circle Blinking

2 respostas
CLEYSON

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 Respostas

Marlon_Meneses
tava meio tediado aqui e resolvi quebrar essa! :)
<html>

	<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>
	
</html>
CLEYSON

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

Criado 17 de dezembro de 2012
Ultima resposta 17 de dez. de 2012
Respostas 2
Participantes 2