7 个基于CSS/JavaScript的鼠标悬停效果教程
2011-12-23 21:34
267 查看
鼠标悬停效果是网页制作的常用特效之一,早期使用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实现的一个悬停效果。
本文中,我们将推荐一些非常不错的鼠标悬停特效教程,希望对大家有所帮助!
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实现的一个悬停效果。
相关文章推荐
- 7 个基于CSS/JavaScript的鼠标悬停效果教程
- 7 个基于CSS/JavaScript的鼠标悬停效果教程
- 基于jQuery创建鼠标悬停效果的方法
- CSS+JavaScript打造鼠标悬停图片渐显效果!
- 基于html5鼠标悬停图片动画展示效果
- Javascript仿新浪游戏频道鼠标悬停显示子菜单效果
- 基于jQuery的鼠标悬停时放大图片的效果制作
- 基于jQuery创建鼠标悬停效果的方法
- bootstrap3.0教程之多种表格效果(条纹状表格、条纹状表格、鼠标悬停等)
- 基于jQuery的鼠标悬停时放大图片的效果制作
- 英文教程:鼠标悬停(hover)效果
- 鼠标悬停图片增加边框效果(适用多种尺寸图片且保持图片不位移)
- 基于javascript实现图片切换效果
- 自己写的基于JavaScript DOM 仿一些页面的鼠标移动显示相应区块内容
- ArcGIS api for javascript——鼠标悬停时显示信息窗口
- 鼠标悬停,图片向四周放大效果
- 基于JavaScript实现移动端TAB触屏切换效果
- 基于jquery实现的鼠标拖拽元素复制并写入效果
- javascript实现的鼠标链接提示效果生成器代码
- 程矢Axure夜话:Axure基础系列视频教程之图片自动播放鼠标悬停