Hola.
He creado un script de jQuery para que al clickar sobre un enlace genere un div justo en la posición del click más 15 px tanto en el eje x como en y.
Lo he probado en mi ordenador y funciona perfectamente pero el problema viene cuando lo subo a mi web, algún estilo css o algo le afecta y hace que salga más alejado de la cuenta y no consigo encontrar que es.
Este es mi script:
Código Javascript
:
Ver original$(document).ready(function(){
a = 0;
$('#news').click(function(e){
$('#news2').html('');
$('#news2').animate({'width':'0px','height':'0px'},a,function(){
var x = e.pageX + 15;
var y = e.pageY + 15;
$('#news2').css({'border-radius':'15px','background-color':'#C63','position':'absolute','top':y,'left':x});
$('#news2').animate({'width':'210px','height':'140px'},600,function(){
$('#news2').html('<ul><li><a target="_blank" href="http://www.guardian.co.uk/">TheGuardian</a></li><li><a target="_blank" href="http://www.express.co.uk/">Express</a></li><li><a target="_blank" href="http://www.nytimes.com/">The New Your Times</a></li><li><a target="_blank" href="http://www.nypost.com/">New York Post</a></li><li><a target="_blank" href="http://europe.wsj.com">The Wall Street Journal</a></li></ul>');
a = 300;
});
});
});
$('#news2').mouseleave(function(){
$('#news2').html('');
$('#news2').animate({'width':'0px','height':'0px'},a);
});
});
Y esta mi página:
http://coolenglish.tk/index.php?option=com_content&view=featured&Itemid= 104
Saludos y gracias por leerme.