分类目录归档:jQuery插件

jQuery轻量级网页编辑器 选中即可编辑

目前流行的可视化网页编辑器非常多,像ckeditor、kindeditor、tinyeditor等,虽然功能都非常强大,但是体积都比较庞大,使用起来也不是很方便。今天我们分享一款基于jQuery的轻量级网页编辑器,它非常轻巧,选中内容即可编辑,非常适合在比较简单的编辑应用中。

jquery-notebook

在线演示源码下载

CSS3/jQuery全屏立体焦点图 时尚大气

jQuery是一个非常流行的Javascript框架,今天我们要分享一款基于jQuery和CSS3的焦点图动画,该jQuery焦点图插件是全屏立体的效果,看上去非常时尚和大气。而且,焦点图在图片滑动的时候非常流畅,性能应该也还不错。

css3-jquery-fullscreen-image

在线演示源码下载

jQuery带滑杆的图片播放器 滑动十分流畅

jQuery焦点图在网页特效中应用非常广泛,利用jQuery编写图片播放器十分方便,扩展性也不错。今天要分享的这款jQuery图片播放器带有一个滑杆,我们可以点击图片来切换图片,也可以滑动这个滑杆来播放图片,滑杆滑动时非常流畅。

jquery-image-player-with-pole

在线演示源码下载

jQuery特色菜单 圆形动画菜单插件

jQuery是一个非常流行的WEB前端框架,尽管HTML5非常酷,但是如果HTML5结合jQuery的话就能实现更酷更实用的插件。今天分享的这款jQuery特色菜单是圆形动画菜单,菜单项是一个个园,鼠标滑过菜单项时即可展开一个大圆并展示子菜单,这一切都是利用jQuery实现的,非常强大。

jquery-circle-animation-menu

在线演示源码下载

jQuery百叶窗焦点图 超酷切换动画

从今天开始,除了分享HTML5/CSS3应用实例和HTML5教程,我还要向大家分享一些实用的jQuery插件。今天分享的第一款jQuery插件是jQuery百叶窗焦点图,这款jQuery焦点图的百叶窗效果非常酷,不仅可以横向切换,也可以竖向切换。

jquery-blind-image

下面我们来简单解说一下实现这款jQuery百叶窗焦点图的过程和代码,代码主要由HTML、CSS以及jQuery组成,实现比较简单。

HTML代码:

<div id="slider">
<img src="images/1.jpg" alt="网页素材大全1" title="网页素材大全" />
<img src="images/2.jpg" alt="网页素材大全2" title="网页素材大全" />
<img src="images/3.jpg" alt="网页素材大全3" title="网页素材大全" />
</div>

HTML代码非常简单,一个div中列出了3张图片,这3张图片到时候我们可以制作成百叶窗的切换效果。

CSS代码:

#slide[......]

阅读全文>>