wordpress网站页面鼠标跟随文字电话号码等实现方法

某天，在一个用javascript制作的网站上面发现鼠标后面可以跟随企业的联系方式，感觉这个效果对企业的宣传和客户拨打电话方面甚是方便，于是就想知道这个方法是不是在用PHP开发的wordpress上面实现呢？
因为经常为企业客户用wordpress制作网站，感觉这个东西一旦实现的话对企业的帮助还是不错的，于是求助度娘和wordpress群友，工夫不负有心人，查找资料，查看对方网站源代码，终于搞定，实现方法：将下方代码添加到 WordPress 主题的footer.php 文件中紧挨</body>的前面即可实现。  

<div id="hint" style="font-size: 20px;position: fixed;color:#03ef56;text-shadow:0 1px 2px #000000;z-index:999999999999999;"></div>
<script>
	// DOM
	function WordsFollowMouseDOM(hintwords) {
		document.addEventListener("mousemove", function (e) {
			var myhint = document.getElementById("hint");
			myhint.style.left = e.clientX + 8 + "px";
			myhint.style.top = e.clientY + 14 + "px";
			switch (hintwords) {
				case 1:
					myhint.innerHTML = "免费环保热线：157-6221-3296";
					myhint.style.display = 'block';
					break;
				case 2:
					myhint.innerHTML = "免费环保热线：157-6221-3296";
					myhint.style.display = 'block';
					break;
				default:
					myhint.innerHTML = "";
					myhint.style.display = 'none';
					break;
			}
		});
	}
	window.onload=function(){
		WordsFollowMouseDOM(2);
	}

</script>

将上方代码中的免费环保热线换成自己需要的文字即可，另外其它细节方面自己根据需要更改代码即可，比如更改文字大小部分需要修改font-size：部分，

font-size:

更改颜色部分需要更改color部分

color:#03ef56

最后，附上实际的展示效果，大家可以从这个网站观看一下 污水处理设备 鼠标点击污水处理文字，即可跳转连接，直接观看成品效果。