Javascript Java脚本图像悬停效果
我想得到这个理想的悬停图像效果 我想知道是否有人知道密码? 将图像悬停时,它会移动。 提前谢谢。 看看这个:)你当然需要jquery库Javascript Java脚本图像悬停效果,javascript,css,Javascript,Css,我想得到这个理想的悬停图像效果 我想知道是否有人知道密码? 将图像悬停时,它会移动。 提前谢谢。 看看这个:)你当然需要jquery库 StackOverflow不是一个“免费代码”网站。你应该问你在解决问题时遇到的问题。哦,天哪,这也是个骗局!非常好的问题。。。你比我快了三纳秒!做得好。@Lance幸好它是Wordpress,而不是一个具有缩小/压缩JS的真实站点!;-)这怎么不是公认的答案?!我确实投了你一票。我认为我们不应该帮助人们问这样的问题。这也可能是一个通知。@Mohsen我同意
StackOverflow不是一个“免费代码”网站。你应该问你在解决问题时遇到的问题。哦,天哪,这也是个骗局!非常好的问题。。。你比我快了三纳秒!做得好。@Lance幸好它是Wordpress,而不是一个具有缩小/压缩JS的真实站点!;-)这怎么不是公认的答案?!我确实投了你一票。我认为我们不应该帮助人们问这样的问题。这也可能是一个通知。@Mohsen我同意你的看法,我很惊讶这个问题还没有结束。
// Paralax Homepage Banner
jQuery("#banner").mousemove(
function(e){
/* Work out mouse position */
var offset = jQuery(this).offset();
var xPos = e.pageX - offset.left;
var yPos = e.pageY - offset.top;
/* Get percentage positions */
var mouseXPercent = Math.round(xPos / jQuery(this).width() * 100);
var mouseYPercent = Math.round(yPos / jQuery(this).height() * 100);
/* Position Each Layer */
jQuery(this).children('img').each(
function(){
var diffX = jQuery('#Parallax').width() - jQuery(this).width();
var diffY = jQuery('#Parallax').height() - jQuery(this).height();
var myX = diffX * (mouseXPercent / 1500); //) / 100) / 2;
var myY = diffY * (mouseYPercent / 1080);
var cssObj = {
'left': myX + 'px',
'top': myY + 'px'
}
//jQuery(this).css(cssObj);
jQuery(this).animate({left: myX, top: myY},{duration: 50, queue: false, easing: 'linear'});
}
);
}
);
jQuery("#banner").mousemove(
function(e){
/* Work out mouse position */
var offset = jQuery(this).offset();
var xPos = e.pageX - offset.left;
var yPos = e.pageY - offset.top;
/* Get percentage positions */
var mouseXPercent = Math.round(xPos / jQuery(this).width() * 100);
var mouseYPercent = Math.round(yPos / jQuery(this).height() * 100);
/* Position Each Layer */
jQuery(this).children('img').each(
function(){
var diffX = jQuery('#Parallax').width() - jQuery(this).width();
var diffY = jQuery('#Parallax').height() - jQuery(this).height();
var myX = diffX * (mouseXPercent / 1500); //) / 100) / 2;
var myY = diffY * (mouseYPercent / 1080);
var cssObj = {
'left': myX + 'px',
'top': myY + 'px'
}
//jQuery(this).css(cssObj);
jQuery(this).animate({left: myX, top: myY},{duration: 50, queue: false, easing: 'linear'});
}
);
}
);