新的一周开始了,今天我们要为大家分享一些全新的jQuery插件和HTML5/CSS3应用,这些jQuery插件不仅非常炫酷,而且还挺实用,这次的分享包含jQuery菜单、CSS3按钮已经多种图片特效,一起来看看吧。 1、CSS3书本翻页动画 书本翻页效果逼真 今天我们要分享一款炫酷而且实用的CSS3动画效果,它是模拟书本翻页的动画特效。当鼠标滑过书本右上角时,书本即可向前翻一页,而且翻页动画非常逼真。由于CSS3的运用,我们并不需要使用复杂的图片来制造逼真的书本效果,书本翻页可以很简单地完成。 ![]() 在线演示 源码下载 2、纯CSS3黑色气泡背景动画菜单 今天我们要来分享一款非常酷的CSS3动画菜单,这款CSS3菜单有一个很漂亮的黑色气泡背景,菜单是银白色的,和黑色的背景交织在一起更加显得有3D立体的视觉效果。CSS3的运用让菜单有圆角的效果,鼠标滑过菜单时也会改变背景。 ![]() 在线演示 源码下载 3、jQuery/CSS3飘带式下拉菜单 今天我们再来介绍一款jQuery下拉菜单,这款jQuery下拉菜单应用了一些CSS3相关的属性,但并不复杂,也没有绚丽的动画,但是非常实用。这款jQuery菜单的另一个特点是菜单整体呈飘带状,样式非常新颖。鼠标滑过菜单项时即可展开下拉菜单。 ![]() 在线演示 源码下载 4、纯CSS3实现分享按钮 包含常用社交网站按钮 之前我们有介绍过不少非常实用的分享按钮,有基于HTML5和CSS3的,也有基于jQuery和CSS的,效果都非常不错。今天我们再来分享一款纯CSS3实现的社会化分享按钮,这款纯CSS3分享按钮没有使用图片,而且包含了基本的常用社交网站的分享按钮。 ![]() 在线演示 源码下载 5、CSS3 3D 分页导航按钮 这是一款用 CSS3 实现的 3D 分页导航按钮,和之前分享的一些jQuery分页插件一样,这款CSS3 3D分页插件同样具有前和分页页码和数字页面,不同的是,这款分页插件的分页页码是一个个3D的导航按钮,样式十分新颖,不过需要CSS3支持。 ![]() 在线演示 源码下载 6、CSS3动画相册 图片淡入淡出动画效果 这是一款基于CSS3的动画相册,这样的相册我们之前也分享过不少,比如HTML5 3D立体图片相册。非常的华丽。今天的这款CSS3相册相对比较实用,当鼠标划过缩略图时,原图片即会以淡入淡出的动画效果展现出来,大家可以将它应用在自己的网站上。 ![]() 在线演示 源码下载 7、仿QQ空间相册图片浏览jQuery插件 今天我们要来分享一款基于jQuery的相册图片浏览插件,它是一款仿QQ空间的相册浏览组件,点击缩略图即可弹出图片浏览窗口,这款jQuery相册图片浏览插件的特点是:1、支持左右键来切换图片;2、支持ESC键退出相册浏览模式;3、可传入自定义的文本描述。缺点是没有应用任何动画,使图片浏览的体验性不是很高,不过你可以通过利用jQuery动画或者CSS3来实现。 ![]() 在线演示 源码下载 以上分享的几个jQuery插件还不错吧,欢迎收藏和分享。 本文链接:http://www.html5tricks.com/cool-jquery-menu-icon-image.html |
炫酷实用的jQuery插件 涵盖菜单、按钮、图片
最新推荐文章于 2022-09-25 20:31:49 发布