分类目录归档:jQuery插件

jQuery/CSS3天气预报插件 可切换城市

之前我们向大家分享过一款非常高端的HTML5 SVG天气预报动画卡片,可以对不同的天气模拟相应的画面。今天我们要介绍的同样是一个播报天气预报的界面,使用jQuery和CSS3技术实现,与前一个不同的是,这款jQuery天气预报插件的特点在于可以动态切换城市,通过天气预报网站相关接口数据的读取来显示不同城市的天气情况,同时插件还可以设置天气预报界面需要显示的相关元素。

jquery-css3-city-weather

在线演示源码下载

jQuery/CSS3 全屏垂直焦点图插件 3D立体翻转切换

这是一款非常不错的jQuery/CSS3全屏焦点图插件,它的特点是切换图片时,图片和图片描述分左右两屏,分别会进行3D翻转分离后拼接,全屏展示非常大气。同时,这款焦点图插件的切换按钮放在有侧边,点击任意小按钮即可切换至相应的图片。

jquery-css3-3d-image-player

在线演示源码下载

10个样式各异的ReactJS水平滑杆插件

之前我们分享过很多基于jQuery和CSS3的水平滑杆插件,比如漂亮的jQuery UI水平滑杆jQuery/CSS3带Tooltip的滑杆动画都相当实用。今天要介绍的也是一款水平滑杆插件,不过它是基于ReactJS的,当然也运用了大量的CSS3特性来渲染各种样式,一共有10种不同风格。

10-reactjs-web-slider

在线演示源码下载

基于Swiper.js的移动端图片滑块插件 支持自动播放和拖拽

Swiper是目前较为流行的移动端内容滑块插件,底层是基于JavaScript的。今天要分享的这款Swiper.js移动端图片滑块插件功能十分强大,和其他jQuery焦点图插件类似,Swiper也提供图片滑动切换功能,并且支持左右箭头切换和悬浮图片上方的圆形链接点进行快速切换。另外,Swiper还支持自动播放或鼠标拖拽滑动。

swiperjs-image-player

在线演示源码下载

轻巧可爱的jQuery Tab菜单插件 可改变背景颜色

今天我们要为大家分享一款基于jQuery的Tab菜单插件,首先它的外观非常迷你可爱,每一个Tab菜单都是用一个迷你的小图标,同时在Tab菜单下方跟随一条磨边的线条。更重要的是该Tab菜单在切换时还可以动态改变内容区域的背景颜色,看上去非常不错。

jquery-tab-menu-background

在线演示源码下载

jQuery五彩炫酷模拟键盘 带键盘敲击声音

还记得以前我们分享过两款基于jQuery的模拟键盘插件,一个是jQuery获取键盘按键提示,另外一个是jQuery模拟键盘事件,都非常不错。今天我们要分享的这款jQuery模拟键盘插件非常炫酷,键盘上面会出现动态改变的背景颜色,而且颜色都是各个角度渐变的,同时更为强大是,敲击键盘时会带有键盘敲击的声音,功能十分强大。

jquery-cool-keyboard

在线演示源码下载

基于Vue.js的超实用科学型计算器

不久前我们为大家分享过一些功能相对比较简单的jQuery计算器和HTML5计算器,可以实现简单的加减乘除功能,比如这款jQuery精美的加减乘除计算器 支持存储功能简洁美观的jQuery计算器插件。这次我们要分享一款基于Vue.js的计算器插件,这款计算器功能比较强大,支持科学型的计算功能,当然我们也可以切换到标准型的简单模式。

vue-js-scientific-calculator

在线演示源码下载

jQuery/CSS3带阴影的3D进度条插件

这是一款非常炫酷的jQuery/CSS3进度条插件,这款进度条插件的特点是带有阴影,外观看起来有着3D立体的视觉效果。另外进度条实体部分可以利用CSS3相关特性绘制任意效果的填充物,可以是渐变颜色,也可以是网格形状,同时我们可以动态设置进度条的当前值。

jquery-css3-3d-progress-bar

在线演示源码下载

jQuery/CSS3超炫酷动画登录表单

很早以前,我们为大家分享过不少外观和功能都非常不错的jQuery登录表单,有些登录表单应用了CSS3特性添加了更绚丽的动画特效,比如这款精美的CSS3登录注册切换表单就相当华丽。今天要分享的这款动画登录表单也非常不错,输入框中带有小图标,可随着焦点的获取和失去是现实和隐藏,点击登录时会有一段自定义的登录动画,并最后提示登录成功。

jquery-css3-animated-login

在线演示源码下载

jQuery SVG高端圆形菜单导航

这是一款非常富有创意的jQuery菜单导航插件,菜单项的小图标是使用SVG路径绘制而成,简单实用。同时每一个菜单项排列成一个圆圈,菜单项切换时,中间的圆圈也会随着移动,而且中间的大圆圈中会显示对应菜单项的描述和链接按钮。

jquery-svg-circle-menu

在线演示源码下载