如何解决jQuery MouseMove一个TouchMove
我的touchmove事件有问题。使用以下脚本,我将根据光标影响.Image类的转换属性。我想对触摸设备使用相同的效果。我已经尝试过用mousemove代替touchemove。 Twisty对其进行了很好的描述。但是,我无法正常工作。你有小费吗?
以下是在台式机上效果最好的脚本:
$(function(){
var bild = $(".bild");
bild.on('mousemove',function (e) {
var x = e.clientX - $(this).offset().left + $(window).scrollLeft();
var y = e.clientY - $(this).offset().top + $(window).scrollTop();
var rY = map(x,$(this).width(),-6,6);
var rX = map(y,$(this).height(),6);
$(this).children(".image").css("transform","rotateY(" + rY + "deg)" + " " + "rotateX(" + -rX + "deg)");
});
bild.on('mouseenter',function () {
$(this).children(".image").css({
transition: "all " + 0.02 + "s" + " linear",});
});
function map(x,in_min,in_max,out_min,out_max)
{
return (x - in_min) * (out_max - out_min) / (in_max - in_min) + out_min;
}
});
提前谢谢!
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。