34-讨论
13.8.3 讨论
本秘诀从定义 speed
变量开始。在例子中,把速度设置为200毫秒。然后,为每个位于最后的 <li>
添加 class="last"
。接着,附加悬停事件监听器(实际上,这个事件监听器映射到 mouseover
和 mouseout
两个事件,这里不纠缠技术细节了)。当鼠标悬停于某个 <li>
上时,元素的宽度用动画设置为 40%
,字体尺寸设置为 150px
,同时把其他 <li>
设置为 15%
的宽度和 50px
的字体。同样,当鼠标退出 <li>
时,把所有
20%
, 把字体尺寸设置为 100px
。