作者归档:sxwgf

15个超强的jQuery/HTML5图片轮播插件

最近我们为大家分享过不少基于jQuery的图片轮播插件,当然也有很多使用了HTML5和CSS3的相关技术,让整个图片播放器显得更加美观,动画效果显得更加炫酷。这次我们特意为大家筛选了一些最新的jQuery/HTML5图片轮播插件,每一个的功能都比较强大,当然可能不是每一个都适合你,但你也可以从中学到不少用jQuery和HTML5编写图片轮播插件的知识。下面我们一起来看看这15个强大的图片播放器吧。

1、jQuery SVG左右弹性切换全屏焦点图动画

这款焦点图插件的特点有2个,一个是焦点图整体以全屏的方式呈现,显得非常大气,而且图片四周也有3D阴影,立体视觉效果非常独特。第二是焦点图在图片切换的时候以弹性淡入淡出的动画方式,显得相当时尚。动画采用SVG相关特性,扩展十分灵活。

jquery-svg-image-slider

在线演示   源码下载

2、超实用的jQuery淡入淡出焦点图插件 带3D相框

这是一款基于jQuery和CSS3的焦点图插件,这款焦点图的设计非常简单,仅仅是自动播放一系列相片,相片在切换的时候带有淡入淡出的动画特效,使用起来也十分方便。另外一个特点是,这款jQuery焦点图插件的相片外框[......]

阅读全文>>

基于Vue.js的Markdown编辑器 可实时预览效果

Vue.js是一款不错的渐进式JavaScript框架,这次我们要分享的正是一款基于Vue.js的Markdown编辑器,Markdown编辑器作为一款时下非常流行的网页轻量级编辑器,有许多中实现方式,也有不少插件,这款Markdown编辑器能够实现最基本的编辑语法,同时可以实时预览内容效果。

vue-js-markdown-editor

在线演示源码下载

jQuery/CSS3 3D旋转图片切换焦点图插件

这是一款比较特别的焦点图插件,前面我们分享的jQuery焦点图插件大部分都是平面图片的切换,再配合多种切换动画,比如这款底部带缩略图的jQuery轮播焦点图。今天我们要给大家分享的是一款jQuery/CSS3 3D旋转图片切换焦点图插件,主要有两种模式,一种是页面上始终只有一张图片,通过3D反转切换下一张图片;另外一种是多张图片进行3D立体排列,通过图片立体平移实现多图切换,这两种图片切换模式可以应用在不同的场合中,非常方便。

jquery-css3-3d-rotate-player

在线演示源码下载

HTML5 Canvas超炫酷3D烟花动画

今天要为大家展现一款非常绚丽的HTML5 Canvas 3D烟花动画,和之前分享的HTML5 Canvas可控制烟花速度和大小的烟花动画HTML5 Canvas随机色彩、高度和角度的烟花动画这两款相比,这个烟花动画是3D立体的,而且烟花燃放是带有立体的声音,看上去非常不错。

html5-canvas-3d-fireworks

在线演示源码下载

jQuery密码强度插件 4种漂亮的强度提示外观

很早以前,我们为大家分享过一款基于jQuery和CSS3的带密码强度登录插件,它的外观非常富有创意。今天我们要再分享一款基于jQuery的密码强度检查插件,它有4种漂亮的强度提示外观,整体上看非常清新简洁而又大气,然而这款密码强度插件可以非常方便地集成到你的表单中。

jquery-password-strong

在线演示源码下载

jQuery多种百叶窗风格切换焦点图插件

今天我们要再为大家分享一款非常实用的jQuery焦点图插件,它并没有华丽的外观,但这款jQuery焦点图提供了多种百叶窗风格的图片切换方式,每一种百叶窗风格都是随机产生的。另外这款jQuery多百叶窗风格切换焦点图插件支持悬浮文字描述,同时也支持自动播放。相信它可以为你的网页增添饱满的图片切换功能。

jquery-blinds-player

在线演示源码下载

jQuery人脸识别插件 支持视频人物人脸识别

人脸识别往往给人一种非常高级的感觉,认为在网页中使用JS很难实现人脸识别功能。今天我们要分享的一款插件正是利用jQuery实现了人脸识别功能,使用该插件可以很方便地在照片中找到人物的面部,并用方框显示在人物脸部位置。更棒的是,这款插件还可以在视频中截取人物的面部区域,非常精确,使用jQuery实现,大家可以学习一下。

jquery-facedetection

在线演示1在线演示2源码下载

纯CSS3实现一套完整iOS小图标

iOS系统作为苹果的操作系统,已经被大家使用得滚瓜烂熟,很多人对iOS系统中的图标也十分熟悉。今天我们要为大家分享一款基于纯CSS3的小图标,这款小图标正是用CSS3代码绘制一套比较完整的iOS小图标,有些图标还带有Gif动画效果。

css3-ios-icon

在线演示源码下载

jQuery/CSS3气泡圆形菜单 可拖拽切换菜单项

这是一款非常富有创意的网页菜单,基于jQuery和CSS3实现。这款菜单是气泡外观的菜单项,我们可以定义任意数量的菜单项,每一个菜单项形成一个气泡,鼠标拖拽是可以选择其中一个气泡菜单项,点击后即可进入该菜单,当然我们可以为每一个菜单项定义进入后的子菜单。总体来说功能比较完备,非常适合在个性化的个人博客中使用。

jquery-css3-bubble-menu

在线演示源码下载

jQuery省市区县多级联动下拉框 带下拉项搜索

这次我们要给大家分享一款非常实用的jQuery多级联动下拉框插件,我们在写后台表单的前端代码时,经常会遇到省市区县多级联动的地区选择功能,这个功能无论是地区数据的结构化还是对地区数据的筛选都是非常困难的,这个jQuery省市区县多级联动下拉框插件很好地解决了这个问题,我们只需要简单的配置一下插件即可,更方便的是,这款插件可以实现下拉项的拼音搜索和全字搜索。

jquery-area-selector-search

在线演示源码下载