炫酷实用的jQuery插件 涵盖菜单、按钮、图片
新的一周开始了,今天我们要为大家分享一些全新的jQuery插件和HTML5/CSS3应用,这些jQuery插件不仅非常炫酷,而且还挺实用,这次的分享包含jQuery菜单、CSS3按钮已经多种图片特效,一起来看看吧。
1、CSS3书本翻页动画 书本翻页效果逼真
今天我们要分享一款炫酷而且实用的CSS3动画效果,它是模拟书本翻页的动画特效。当鼠标滑过书本右上角时,书本即可向前翻一页,而且翻页动画非常逼真。由于CSS3的运用,我们并不需要使用复杂的图片来制造逼真的书本效果,书本翻页可以很简单地完成。之前也有分享过一些HTML5书本翻页动画:jQuery/CSS3书本翻页动画特效和HTML5/CSS3书本翻页3D动画。
在线演示
源码下载
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来实现。
在线演示
源码下载
本文固定链接: http://www.i7758.com/archives/1647.html
炫酷实用的jQuery插件 涵盖菜单、按钮、图片相关推荐
- html5怎么把图片做成按钮,炫酷实用的jQuery插件 涵盖菜单、按钮、图片 | HTML5资源教程...
新的一周开始了,今天我们要为大家分享一些全新的 1.CSS3书本翻页动画 书本翻页效果逼真 今天我们要分享一款炫酷而且实用的CSS3动画效果,它是模拟书本翻页的动画特效.当鼠标滑过书本右上角时,书本即 ...
- 炫酷实用 7款jQuery/HTML5图片应用
2019独角兽企业重金招聘Python工程师标准>>> jQuery非常强大,我们这里有很多关于jQuery焦点图的插件,今天我们精选了7款利用jQuery和HTML5实现的超炫酷图 ...
- 超酷实用的jQuery焦点图赏析及源码
超酷实用的jQuery焦点图赏析及源码 焦点图应用在现代网页中使用十分广泛,有注重简单小巧的,也有注重华丽美观的,大部分jQuery焦点图都可以滑动和切换图片,并且在切换图片时产生不同的动画特效.今天 ...
- 近20个绚丽实用的jQuery/CSS3侧边栏菜单(转载)
http://developer.51cto.com/art/201510/493530.htm 近20个绚丽实用的jQuery/CSS3侧边栏菜单 jQuery作为一款主流的JavaScript前端 ...
- html5波浪线条,HTML5 svg炫酷波浪线条动画插件
这是一款HTML5 svg炫酷波浪线条动画插件.该波浪动画插件基于tweenMax和SVG,也可以作为jQuery插件来使用,可以制作出漂亮的波浪线条动画特效. 使用方法 在页面中引入jquery和T ...
- 前端实现炫酷动效_12个炫酷实用的HTML5带发光动画
本文作者html5tricks,转载请注明出处 在网页设计中,很多元素都可以实现发光的动画效果,比如输入框.文字.进度条等等.这些简单的元素加上炫酷的发光动画就会让整个页面戴上一层绚丽的色彩.今天我们 ...
- 分享10个帮助你实现超酷特效的jQuery插件
日期:2012-4-4 来源:GBin1.com 今天我们这篇文章中将推荐给大家10个超酷的jQuery插件帮助大家实现超酷的jQuery特效,绝对超过其它的普通jQuery插件.希望大家喜欢! 1 ...
- 超全超实用的Javascript类库和jQuery插件大全之一:图片,地图和图形
为什么80%的码农都做不了架构师?>>> 日期:2012-10-10 来源:GBin1.com 如果你需要解决一些开发中遇到的技术问题的话,很可能会找到一些相关的javasc ...
- jquery插件合集之图片裁剪
jquery插件合集之图片裁剪 发表于 2011 年 01 月 23 日 由 梦三秋 我们在使用QQ空间.开心网.discus论坛等网站的个人中心时,有个上传个人头像的功能.用户在上传了个人照片之后, ...
最新文章
- Google怎么用linux
- .NET开发中 springMVC+NHibernate注入失败的几个常见错误
- python使用redis第一节、环境配置
- Java黑皮书课后题第5章:**5.7(金融应用:计算将来的学费)假设今年某大学的大学为10000美元,学费的年增长率为5%,一年后,学费将是10500美元。编写程序,计算10年后的学费,10~13费
- BZOJ3489 A simple rmq problem 【可持久化树套树】*
- 洛谷——P1867 【Mc生存】经验值
- mysql生成varchar类型主键排序
- oracle中t,Oracle中如何用T
- DevExpress DXperience 的本地化(汉化)方法
- svn分支合并到主干
- 优秀图片标注工具 推荐
- 韦根协议c语言,哪为高手懂韦根协议啊。怎么用单片机来读取韦根26的ID卡的信息,以下为我写的程序,ID...
- JDK8 到 JDK17版本新增特性
- 服务器sas接口怎么接sata硬盘吗,常识问答:SAS接口硬盘如何才能在SATA接口的主板上用...
- python验证身份证最后一位数字代表什么_身份证最后一位不是数字而是X,代表什么含义?涨知识了...
- 前端写代码的推荐工具
- 2018Java阿里编程测验_2018阿里编程测验题:最短汉密尔顿回路
- linux查看进程所在运行目录
- x86架构学习笔记实模式
- 基因工程-3-基因工程载体