美高梅官方网站3045-mgm6608美高梅app下载
25个非常实用的jQuery/CSS3应用组件

25个非常实用的jQuery/CSS3应用组件

作者:mgm美高梅 官方网址    来源:未知    发布时间:2020-02-09 21:45    浏览量:

美高梅官方网站3045 1

今天分享25款功能十分强大的jQuery/CSS3应用插件,欢迎收藏。

9款完美体验的HTML5/jQuery应用,html5jquery

1、jQuery动画图标菜单导航 仿苹果样式

这次要分享的这款jQuery插件非常酷,它是一款带有动画按钮的jQuery菜单插件。而且从菜单的外观上来看,有点苹果菜单风格的味道。当我们将鼠标滑过菜单项时,即会有对应的图片悬浮到菜单项上面,效果非常不错的jQuery菜单。

美高梅官方网站3045 2

在线演示

源码下载

美高梅官方网站3045,2、jQuery仿苹果样式焦点图插件

这次我们要分享的这款jQuery焦点图非常特别,它的外观特别简单,但是又相当大气。焦点图的整体样式是仿苹果样式的,由于jQuery的运用,我们只要点击图片下方的缩略图即可达到图片切换的焦点图特效,这款jQuery焦点图插件非常适合在产片展示的网页上使用。

美高梅官方网站3045 3

在线演示

源码下载

3、jQuery 3D图片滑块焦点图插件

这是一款很酷的jQuery 3D焦点图插件,和之前分享的jQuery焦点图不同的是,这款焦点图插件的图片切换播放样式是3D的,图片就像立方体一样可以上下翻滚,同时你不仅可以点击焦点图的左右切换按钮,也可以通过图片下方的小按钮进行图片切换。

美高梅官方网站3045 4

在线演示

源码下载

4、CSS3分享按钮动画特效

这是一款基于CSS3的社会化分享按钮,按钮非常简单,提供了分享到twitter、facebook、youtube等大型社交网站。每一个分享按钮都有个大社交网站的Logo图标,并且在鼠标滑过这些按钮时,利用CSS3的动画特性出现滑动的动画效果。

美高梅官方网站3045 5

在线演示

源码下载

5、jQuery动画进度条 实时显示进度百分比

这是一款基于jQuery的进度条插件,这款进度条插件在显示进度条的时候出现很不错的动画效果,另外,进度条在更新进度时也将实时显示进度数字百分比。进度条结束时,会显示完成字样。由于是基于jQuery的,所以这款进度条基本兼容所有浏览器。

美高梅官方网站3045 6

在线演示

源码下载

6、基于Bootstrap和CSS3的响应式UI框架

还记得之前我们分享过的Metro扁平化风格的jQuery UI组件么,看上去是不是非常清新和绚丽?今天我们要来分享一组基于Bootstrap和CSS3的响应式UI框架,这个UI框架中,包含了自定义CSS3按钮、自定义CSS3复选框和单选框、自定义CSS3下拉框等等,外观非常漂亮。

美高梅官方网站3045 7

在线演示

源码下载

7、HTML5/CSS3鼠标滑过图片滤镜动画效果

以前我们用CSS的滤镜属性来对图片做特殊的效果处理,比如阴影、模糊等。今天我们用HTML5和CSS3来实现图片的特效处理,当我们将鼠标滑过图片时,即会出现很不错的图片动画特效,像淡入淡出、放大缩小、百叶窗遮罩等HTML5特效。

美高梅官方网站3045 8

在线演示

源码下载

8、CSS3垂直进度条动画 数字百分比显示

这次我们要来分享一款CSS3进度条动画,这款进度条是垂直放置的,在进度加载的时候,进度条的背景会出现一个快速移动的箭头动画,并且随着进度条的移动,数字百分比也将随着进度实时更新,直至进度完成,完成后进度条颜色由红色编程绿色。

美高梅官方网站3045 9

在线演示

源码下载

9、CSS3登录表单动画 可自动输入登录信息

这是一款可自动输入登录信息的CSS3登录表单动画,这个动画模拟了用户从表单输入登录信息,点击登录按钮,并登录成功弹出欢迎信息这一全部过程,并且你可以重复播放这个动画。CSS3的确很强大,尤其在动画方面,CSS3非常不错。

美高梅官方网站3045 10

在线演示

源码下载

本文固定链接: 

1、jQuery动画图标菜单导航 仿苹果样式 这次要分享的这款jQuery插件非常酷,它是一款带有动画按钮的...

今天要为大家分享9款设计非常独特的jQuery/CSS3全新应用插件,插件包含菜单、jQuery焦点图、jQuery表单、jQuery图片特效等。下面大家一起来看看吧。1、jQuery水晶样式下拉导航这是一款非常不错的jQuery多功能下拉菜单插件,菜单外观呈水晶样式,晶莹剔透,功能丰富,包含多级菜单、自定义内容菜单、表单菜单,是一款不可多得的jQuery菜单导航插件。在线演示 / 源码下载2、CSS3堆栈式图片切换动画插件这是一款非常炫的CSS3图片切换动画效果,动画效果非常丰富,折叠式、淡入淡出式、旋转式等,让你的图片颇具特色,大大提高用户体验。在线演示 / 源码下载3、基于jQuery和xCharts的动画图表这是一款非常不错的jQuery图表插件,基于xCharts,图表使用非常方便,支持自定义时间段查询,并且伴有动画效果。在线演示 / 源码下载4、jQuery动画图标菜单导航插件imgbubblesimgbubbles是一款基于jQuery的动画按钮菜单插件,鼠标滑过按钮时,按钮会有逐渐放大的特效,放大的速度可以自定义。在线演示 / 源码下载5、jQuery笔记本式图片滑动插件,支持鼠标拖拽这是一款非常有特色的jQuery图片滑动插件,它不仅有笔记本样式,而且支持鼠标拖拽。在线演示 / 源码下载6、仿Google Nexus样式菜单导航这是一款用Javascript和CSS制作的仿Google Nexus样式的菜单导航,菜单十分清新亮丽,是一款不错的JS菜单导航。在线演示 / 源码下载7、带数字索引的jquery焦点图这是一款来自易迅网的产品展示焦点图,该jQuery焦点图在右侧有竖向数字索引,鼠标滑过数字索引即可切换图片。在线演示 / 源码下载8、jQuery pikaday简易日期选择插件pikaday是一款基于jQuery的日期选择插件,插件非常简单,外观也还不错,是一款值得一试的日期选择插件。在线演示 / 源码下载9、jQuery jBox弹出窗口插件jBox是一款基于jQuery的弹出窗口插件,jBox可以实现普通提示框、确认框、iframe加载等功能,是一款非常不错的jQuery弹出窗口插件。在线演示 / 源码下载好了,以上就是9款设计非常独特的jQuery/CSS3应用插件,部分素材由网页素材大全网站整理发布,欢迎收藏。

1、jQuery水晶样式下拉导航

这是一款非常不错的jQuery多功能下拉菜单插件,菜单外观呈水晶样式,晶莹剔透,功能丰富,包含多级菜单、自定义内容菜单、表单菜单,是一款不可多得的jQuery菜单导航插件。

美高梅官方网站3045 11

在线演示    /    源码下载

2、CSS3堆栈式图片切换动画插件

这是一款非常炫的CSS3图片切换动画效果,动画效果非常丰富,折叠式、淡入淡出式、旋转式等,让你的图片颇具特色,大大提高用户体验。

美高梅官方网站3045 12

在线演示    /    源码下载

3、基于jQuery和xCharts的动画图表

这是一款非常不错的jQuery图表插件,基于xCharts,图表使用非常方便,支持自定义时间段查询,并且伴有动画效果。

美高梅官方网站3045 13

在线演示    /    源码下载

4、jQuery动画图标菜单导航插件imgbubbles

imgbubbles是一款基于jQuery的动画按钮菜单插件,鼠标滑过按钮时,按钮会有逐渐放大的特效,放大的速度可以自定义。

美高梅官方网站3045 14

在线演示    /    源码下载

5、jQuery笔记本式图片滑动插件,支持鼠标拖拽

这是一款非常有特色的jQuery图片滑动插件,它不仅有笔记本样式,而且支持鼠标拖拽。

美高梅官方网站3045 15

在线演示    /    源码下载

6、仿Google Nexus样式菜单导航

这是一款用Javascript和CSS制作的仿Google Nexus样式的菜单导航,菜单十分清新亮丽,是一款不错的JS菜单导航

美高梅官方网站3045 16

在线演示    /    源码下载

7、带数字索引的jquery焦点图

这是一款来自易迅网的产品展示焦点图,该jQuery焦点图在右侧有竖向数字索引,鼠标滑过数字索引即可切换图片。

美高梅官方网站3045 17

在线演示    /    源码下载

8、jQuery pikaday简易日期选择插件

pikaday是一款基于jQuery的日期选择插件,插件非常简单,外观也还不错,是一款值得一试的日期选择插件。

美高梅官方网站3045 18

在线演示    /    源码下载

9、jQuery jBox弹出窗口插件

下一篇:没有了
友情链接: 网站地图
Copyright © 2015-2019 http://www.zen-40.com. mgm美高梅有限公司 版权所有