2024年12月14日 建站教程
1、html中定义2个方法
onmousedown="mousedown()" onmouseup="mouseup()"
2、js滑动效果代码
var startX = 0; //全局变量, 记录鼠标按下的横坐标
// 按下鼠标
function mousedown(event) {
var e = window.event;
var obj = e.srcElement;
obj.style.color = 'blue';
startX = e.clientX;
}
// 抬起鼠标
function mouseup(event) {
var e = window.event;
var obj = e.srcElement;
obj.style.color = 'black';
var endX = e.clientX;
// 左滑
if((startX - endX)>70){
//上一篇文章
console.log('左：e: '+ endX + ', s: ' + startX)
}
// 右滑
if((endX - startX)>70){
//下一篇文章
console.log('右：e: '+ endX + ', s: ' + startX)
}
}
本文链接：http://so.lmcjl.com/news/19565/