Может так будет
<html>
<head>
<meta charset="windows-1251">
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script >
window.onload = function () {
var lis = document.getElementsByTagName('li');
for (var i = 0; i < lis.length; i++) {
var li = lis[i];
li.onmouseout = function () {
alert('Out')
};
li.onmouseover = function () {
alert('Over')
}
}
}
</script>
<style>
li{display: inline-block;}
body{margin: 0 auto; text-align:center; padding:20px;}
</style>
</head>
<body>
<ul >
<li><a href="#company">О компании</a></li>
<li><a href="#services">Услуги</a></li>
<li><a href="#team">Сотрудники</a></li>
<li><a href="#contacts">Контакты</a></li>
</ul>
</body>
</html>