f******p
发帖数: 173 | 1 http://onswipe.com/
中间的 from click to touch的那个swipe效果
js里
function onMove (e) {
// X dimension variables
var touchX = e.originalEvent.touches && e.originalEvent.touches[0] && e.
originalEvent.touches[0].pageX;
var offsetX = $(this).offset().left;
var mouseX = (touchX || e.pageX) - offsetX;
var overlayLeftX = mouseX + 'px';
// Y dimension variables
var touchY = e.originalEvent.touches && e.originalEvent.touches[0] && e.
originalEvent.touches[0].pageY;
var offsetY = $(this).offset().top;
var mouseY = (touchY || e.pageY) - offsetY;
var overlayLeftY = mouseY + 'px';
e.preventDefault();
$('.tryer-onswipe').css('left', overlayLeftX);
$('.tryer-grab').css('top', overlayLeftY);
}
代码很简单，但是我不明白，为什么$('.tryer-onswipe').css('left', overlayLeftX
);之后就能做到那种swipe的效果了？
谢谢 |
N*****m
发帖数: 42603 | 2 很简单啊
根据鼠标的位置定义overlay image的位置
【在 f******p 的大作中提到】
: http://onswipe.com/
: 中间的 from click to touch的那个swipe效果
: js里
: function onMove (e) {
: // X dimension variables
: var touchX = e.originalEvent.touches && e.originalEvent.touches[0] && e.
: originalEvent.touches[0].pageX;
: var offsetX = $(this).offset().left;
: var mouseX = (touchX || e.pageX) - offsetX;
: var overlayLeftX = mouseX + 'px';
|
f******p
发帖数: 173 | 3 晕。。一语惊醒
【在 N*****m 的大作中提到】
: 很简单啊
: 根据鼠标的位置定义overlay image的位置
|
c*********e
发帖数: 16335 | 4 现在javascript+jquery+ajax完全可以成为一门新語言了，貌似流行乐坛3人组合。
【在 f******p 的大作中提到】
: http://onswipe.com/
: 中间的 from click to touch的那个swipe效果
: js里
: function onMove (e) {
: // X dimension variables
: var touchX = e.originalEvent.touches && e.originalEvent.touches[0] && e.
: originalEvent.touches[0].pageX;
: var offsetX = $(this).offset().left;
: var mouseX = (touchX || e.pageX) - offsetX;
: var overlayLeftX = mouseX + 'px';
|
