点击后如何制作翻滚棒?

时间:2012-05-28 08:57:25

标签: javascript jquery css cookies sprite

我正在使用按钮导航,使用图像精灵。 我希望它们在点击后保持“翻转”(即使在更换网站时)。当它们再次被点击时,它们应该恢复正常。

我是javascript的新手,但确实有办法让它发挥作用。

一个按钮如下所示:

<a class="contact" href="#" >Contact</a>

和css,让他们滚动:

a.contact {

display: block;  
width: 30px;  
height: 31px;
margin-right:39px;
float:right;
background: url(../img/navcontact.png) no-repeat bottom;
text-indent: -10000px;     

}

a:hover.contact {

background-position: 0 0;  

}

1 个答案:

答案 0 :(得分:0)

使用jQuery。这是演示 - http://jsfiddle.net/VLqq6/