分类目录归档:jQuery插件

多风格CSS3分页插件 分页颜色可配置

这次我们要来分享一款非常简单实用的CSS3分页插件,这款分页插件一共有2种颜色和4种样式,当然分页导航的颜色可以自己配置,也非常方便。和之前分享的CSS3/jQuery分页控件一样,这款分页插件也是用纯CSS3实现。

css3-4-style-pagination

在线演示源码下载

jQuery/CSS3可拖动分页插件 分页功能很强大

之前我们已经分享过一些jQuery分页插件,像jQuery/CSS3简单分页插件 有3D立体外观精美jQuery分页插件 带滑动条分页,今天要分享的这款jQuery/CSS3分页插件和前面的那款类似,有具有滑动条,可以拖动滑动条快速跳转到任意页面,另外你也可以点击翻页图标来实现翻页,非常方便和实用。

css3-paging-with-bar

在线演示源码下载

jQuery/CSS3简单分页插件 有3D立体外观

之前我们分享过一款很不错的jQuery分页插件jQuery分页插件 带滑动条分页,今天我们要再来分享一款简单的jQuery分页插件,这款分页插件不仅可以设置无限页码,而且分页控件的外观也非常漂亮,呈3D立体的效果,当然这需要背景的配合。

jquery-css3-pagination

在线演示源码下载

基于jQuery UI和Bootstrap的元素拖拽

今天我们来分享一款非常实用的jQuery插件,这个jQuery插件的功能是帮助你快速的实现网页元素拖拽功能,在拖拽过程中,元素可以自动生成网页上的对象,比如表单输入框、下拉框等。这个拖拽插件的外观是基于jQuery UI和Bootstrap的,因此兼容性也还不错。

jquery-ui-bootstrap-drag-drop

在线演示源码下载

jQuery UI滑杆插件 可Tooltip提示

今天我们再来介绍一款实用的jQuery插件,是基于jQuery UI的。这款jQuery滑杆插件非常漂亮,可以设置多种颜色,再加上CSS3上运用,可以让滑杆的游标变得有立体感,滑杆的Tooltip提示框也出现飞入飞出的动画效果。更多jQuery插件可以移步至jQuery插件栏目。

jquery-ui-slider-tooltip

在线演示源码下载

下面我们一起来看看实现这款漂亮的控制滑竿的过程及源代码。代码主要由HTML、CSS以及jQuery组成,下面我们分步来解析。

HTML代码:

<section class="wrapper">
  <div class="slider"></div>
  <div class="slider2"></div>
  <div class="slider3"></div>

  <div> <h2>Now with a floating tip, too! <small><em>(hover)</em></small&gt[......]

阅读全文>>

精美jQuery分页插件 带滑动条分页

今天开始我们来收集一些jQuery分页插件,请继续关注html5tricks的后续更新。今天第一款jQuery分页插件适用于长翻页列表的分页应用,因为这款分页插件带有滑动条来方便用户查看所有的页码。分页插件的外观十分漂亮,有着不错的用户体验。

jquery-page-plugin-with-bar

在线演示源码下载

HTML5/jQuery 3D焦点图插件 多种超酷切换动画

之前我们分享过一些很酷的焦点图插件了,有些是基于jQuery的焦点图应用,今天我们要分享一款基于HTML5和jQuery的3D焦点图插件,该HTML5焦点图有多种超酷的切换动画,包括3D百叶窗、3D翻转等特效,有些切换效果在高版本Chrome中有效果。

Slicebox

在线演示源码下载

HTML5结合jQuery实现图片滑块特效 绚丽jQuery焦点图

对于jQuery,我们在html5tricks上分享的相对比较少,大家可以去jQuery插件栏目中查看自己需要的jQuery插件。今天我们要来分享一款很酷的jQuery焦点图插件,它带有一个导航菜单,它结合HTML5和CSS3技术,使这个焦点图特效显得更加绚丽。

html5-jquery-navigation-slider

在线演示源码下载

HTML5/jQuery雷达动画图表 图表配置十分简单

之前我们介绍过不少形形色色的HTML5图表了,像这款HTML5折线图表Aristochart是一款很不错的折线图表,这款HTML5 Canvas饼状图表也很酷。今天我们再来分享一款很特别的HTML5图表,它是利用HTML5和jQuery的雷达动画图表,图表数据在初始化的时候带有一定动画。

html5-jquery-radar-chart

在线演示源码下载

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

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

jquery-notebook

在线演示源码下载