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) } }
上面是“js实现滑动切换上一篇下一篇功能”的全面内容,想了解更多关于 js 内容,请继续关注web建站教程。
当前网址:https://ipkd.cn/webs_13506.html
workflows工作流
在地铁站里一个迷茫的非主流姑娘
一只张大嘴巴露出锋利的牙齿正在咆哮的雪豹
一只可爱的草莓味冰淇淋卷筒
一架受损严重的宇宙飞船内有一只猫
一只巨大的古代乌龟后面建有一座城市的超现实场景
一名男子跪在月球岩石表面看见小行星碰撞
一辆老式灵车在黑暗中从雾中出现ComfyUI工作流
一颗闪闪发光的水晶漂浮在森林里
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!