SOURCE

console 命令行工具 X clear 

                    

                        
>

                        
                    

                

            

            
console

            
// 滑动效果
		$(".btn").mousedown((e)=>{
		    e.preventDefault();
		    startX=e.pageX;//点击时鼠标的位置
		    startY=e.pageY;
		    let dis;
		    $(document).mousemove((e)=>{
		        e.preventDefault();
		        moveEndX=e.pageX;//移动是鼠标的位置
		        moveEndY=e.pageY;
		        //标签鼠标的位置
		        $('.btn').css('left',moveEndX-10)
		        //元素的下标位置
		        dis - e.clientX>0?console.log('向左移'):console.log('向右移')
		        dis = e.clientX

		    })
		    $(document).on('mouseup',()=>{
				$(document).off('mousemove');
			})
		})

            
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<div class="slide col-lg-5">
		<button type="button" class="btn">滑动</button>
	</div>
</body>
</html>

            
.slide .btn {
    position: absolute;
    left: 0px;
    top: 2px;
}

            

                
本项目引用的自定义外部资源