整体思路：可以用for循环去遍历<ul>下的所有<li>；然后对比鼠标悬浮时对应的li元素，输出当前的i，也就是对应li的下标。
接下来是对无序列表做一下简单的样式，便于后期测试悬浮效果；给li设置一下宽度以及设置一下边框
整体思路：可以用for循环去遍历<ul>下的所有<li>；然后对比鼠标悬浮时对应的li元素，输出当前的i，也就是对应li的下标。
<ul><li>aaaa</li>
<li>bbbb</li>
<li>cccc</li>
</ul>
<script>
var obj=document.getElementsByTagName('li')
for(var i=0i<obj.lengthi++){
obj[i].id=i
obj[i].onclick=function(){
alert(this.id)
}
}
</script>
