FR_tab切换效果_报表块实现

1. 先上效果图

2. 参考网址：

(42条消息) JS向左右移动坐标_PleaseWild的博客-CSDN博客

3. 蓝色滑入参考：

setTimeout(function() {
	// 请写下你的代码
	let click = document.getElementsByClassName("bi-abs c001")[0].children[6];//可点击的按钮
	let div = document.getElementsByClassName("bi-abs c001")[0].children[2];//需要改变坐标的元素
	var t;
	div.style.left='1132px';
	//向左移动

		t = setInterval(moveHor, 20, -10);


	//水平移动
	function moveHor(speed) {
		var l = document.getElementsByClassName("bi-abs c001")[0].children[2].style.left;
		l = parseFloat(l); //1132.8px//去掉单位
		div.style.left = l + speed + "px";
		if (l <= 742.8)
			clearInterval(t); //停止正在起作用的定时器
	}
}, 500)

4.效果图模板下载链接：

https://pan.baidu.com/s/1rWZSvvapedGsvpxCsPGE0Q?pwd=1234
提取码：1234