7 个基于CSS/JavaScript的鼠标悬停效果教程

http://www.iteye.com/news/23678

鼠标悬停效果是网页制作的常用特效之一，早期使用Flash可以制作非常炫的效果，现在我们同样也可以使用CSS和JavaScript来实现。

?

本文中，我们将推荐一些非常不错的鼠标悬停特效教程，希望对大家有所帮助！

?

1. ?Hover and Click Trigger for Circular Elements with jQuery

?

这个教程介绍如何使用jQuery处理一个真正的圆形元素的悬停效果，使用:hover实现悬停。

?

?

2. ?Original Hover Effects with CSS3

?

使用jQuery实现的10个不同的悬停效果展示，帮助你构建超酷的悬停效果。

?

?

3. ?Fancy Image Hover Using CSS3

?

使用CSS3实现的4个悬停效果，简单实用。

?

?

4. ?Amazing Image Hover Effects with Webkit and CSS 3

?

另外一个使用CSS3实现的悬停特效。

?

?

5. ?Sexy Image Hover Effects using CSS3

?

一个非常酷的CSS3实现的悬停特效，拥有非常酷的展示方式。

?

?

6. ?Snazzy Hover Effects Using CSS

?

在这个教程中，主要介绍使用CSS2.1来创建一个非常灵活的悬停特效。

?

?

7. ?Image Tint With CSS

?

使用jQuery和CSS实现的一个悬停效果。

?

?