我想用 jQuery 制作社交图标栏。我第一次尝试使用 CSS3,但我不喜欢动画。我想要淡入淡出效果,但我不知道如何使用 jQuery 来实现。
<div id="social">
<ul>
<li><a class="twitter" href="#">Twitter</a></li>
<li><a id="deviantart" href="#">Deviantart</a></li>
<li><a id="dribbble" href="#">Dribbble</a></li>
<li><a id="info" href="#">Info</a></li>
</ul>
</div>
a.twitter {
background: url(img/twitter.png) no-repeat;
width: 31px;
height: 31px;
}
a.twitter:hover {
background-position: left bottom;
}
经过几个小时的搜索和试验,我终于来到了这里。jsfiddle.net/CkUXB