早前在Google首页,搜索框下面有一排漂亮的导航小按钮,鼠标放上去,图片会跳动,鼠标移开时,图片由会跳动地返回原来的样子。该功能通过JavaScript控制背景图片实现!
该程序在IE和chrome浏览器中都运行正常。在Firefox浏览器中则无效,原因是Firefox不支持CSS中的background-position-x和background-position-y属性。
额外做了一个兼容Firefox的版本 Google跳动的小图片(兼容FireFox)
A | B | C | D | E | F | G |
将鼠标指向字母A、B、C、D、E、F、G,便可以看到效果!