新的一周即将开始,今天我们精选了最新的8款经典实用的jQuery/CSS3应用插件,有按钮、菜单、图片等特效应用,欢迎收藏分享。1、jQuery滑过头像图片显示个人信息效果这是一个经典的jQuery图片插件,也可以做一个jQuery提示框插件。这个jQuery插件的作用是当你将鼠标滑过头像图片的缩略图时,会弹出头像对应的详细个人信息。弹窗标签虽然不大,但还是能容纳不少个人信息。在线Demo源码下载2.纯CSS3可配置背景色的简单3D按钮今天给大家分享一个比较简单的纯CSS33D按钮。其实实现按钮的3D效果比较简单,比如边框、阴影、阴影。掌握了这几种方法,就可以实现CSS3的3D按钮效果了。现在的3D按钮可以自己配置背景颜色,所以按钮非常丰富多彩。在线demo源码下载3.CSS3图片悬停缩放效果今天给大家分享一个很酷的CSS3图片效果。此图片效果可以使用鼠标在图片上滑动使其悬停放大,并在图片周围出现发光的灯光。影响。在黑色背景下,这张CSS3图片的悬停缩放效果更加立体大气,非常适合产品图片的展示。在线演示源码下载4.CSS3实现的文字输入效果今天给大家分享一个很酷的CSS3文字输入效果,可以模拟我们键盘输入文字在屏幕上的效果,就像在打印机上打印一样。此外,接收文本输入的编辑器外观也更加美观。当然,你可以自己设置文字的字体和颜色。在线Demo源码下载五、CSS3响应式横向菜单支持不同尺寸的屏幕今天我们就来介绍一个基于CSS3的响应式横向菜单。这个菜单可以折叠和展开,并且菜单还支持在不同尺寸的屏幕上显示。换句话说,菜单不仅可以在PC上完美显示,而且可以毫不逊色地运行在各种移动设备上。CSS很强大,我们在CSS3菜单中看到了更多有趣的东西。在线demo源码下载6.响应式CSS3Tab菜单小图标菜单这次要介绍的响应式CSS3Tab菜单很不错。它看起来简单,设计干净利落,但Tab菜单非常实用强大。每个选项卡项都有文本和一个小图标。当屏幕宽度变小时,比如在手机上浏览,文字会自动隐藏,只留下小图标。在线demo源码下载7.jQuery/CSS3淡入淡出下拉菜单今天给大家分享一个非常简单的jQuery/CSS3下拉菜单。动画效果,菜单背景为黑色,显得更加庄重大气。另外,如果菜单可以任意设置就更完美了。在线Demo源码下载8.jQuery实现3D图像翻牌切换淡入淡出效果今天给大家分享一个使用jQuery实现的3D图像翻牌切换效果,当点击上一个按钮或者滚动图片时可以切换以淡入淡出的方式,类似于翻牌的效果,非常酷。另外推荐一个很棒的jQuery焦点图插件:HTML5/jQuery3D焦点图插件多种炫酷的切换动画。在线Demo源码下载以上是8款经典实用的jQuery/CSS3应用插件,欢迎收藏分享。原文链接:http://www.html5tricks.com/8-useful-jquery-css3-plugins.html
