首页

关于

分享一个超棒的响应式幻灯jQuery插件 - refineslide

分享一个超棒的响应式幻灯jQuery插件 - refineslide

在线演示  本地下载

jQuery的幻灯插件我们介绍过很多了,不过今天我们介绍的这个幻灯插件能够帮助我们使用响应式的方式展示图片幻灯,最重要的在于它支持很多超棒的CSS3幻灯过渡效果,能够帮助你创建超酷的幻灯效果。

主要特性

  • 支持各种过渡效果
  • 支持响应式的展示方式,支持移动设备展示
  • CSS过渡和3D变化
  • 支持javascript的fallback兼容方式
  • 自动格式化响应式的缩略图
  • 支持IE7+
  • 支持HTML的幻灯说明文字
  • 浏览器硬件加速
  • 免费使用并且可以随意改动
  • 简单,语义的标签支持
  • 轻量级12minified
  • API文档完整
  • 支持自动播放,并且拥有丰富的callback方法

如何使用

倒入jQuery和插件类库:

<script src="jquery-1.7.1.min.js"></script>
<script src="jquery.refineslide.min.js"></script>

添加标签:

<ul…

标签: slider, jquery幻灯, 响应式幻灯, jquery响应式幻灯, jquery slider, refineslide

阅读更多

分享8个让你绝对印象深刻的具有超酷特殊过渡效果的jQuery幻灯插件

日期:2012/02/20  来源:GBin1.com

曾经大家都使用flash来构建动态的幻灯效果,不过随着HTML5和CSS3的发展,越来越多的网站使用jQuery,CSS3和HTML5的黄金组合来构建漂亮的幻灯效果。今天我们介绍8个具有超棒的过渡效果的jQuery幻灯插件,可能有一些需要你拥有最新的现代浏览器,否则你看不到任何效果,希望大家能在项目或者网站设计中使用到!大家一定会喜欢的!

Skitter

分享8个让你绝对印象深刻的具有超酷特殊过渡效果的jQuery幻灯插件

支持过渡效果: cube, cubeRandom, block, cubeStop, cubeHide, cubeSize, horizontal, showBars, showBarsRandom, tube, fade, fadeFour, paralell, blind, blindHeight, blindWidth, directionTop, directionBottom, directionRight,…

标签: slider, jquery plugin, jquery幻灯插件, jquery插件, 超棒jquery幻灯特效, ajax, browser, cms, css-html, design, flash, freebies, gadget, graphic, icon, inspiration, javascript, logo, misc, mobile, mysql, os, photography, photoshop, php, seo, template, tips, tools, trend, tutorial, typography, usability, video, wallpaper, wordpress

阅读更多

分享一款jQuery的UI插件:Ninja UI

日期:2011/12/26  来源:GBin1.com

分享一款jQuery的UI插件:Ninja UI by gbin1.com

在线演示  本地下载

今天分享一款jQuery的UI插件 - Ninja UI,这个插件使用jQuery本身的语法来开发界面元素,而且你不需要关注CSS样式相关设定,因为整个CSS样式都被直接写到了插件中,不过坏处是,你需要在开发前就确定好CSS,同时目前提供俩个类型的主题。插件使用简单,如果你会写jQuery代码,使用起来得心应手,支持的组件不是特别多,不过比较实用,整个类库非常小,可以考虑使用其中某些组件。

支持组件:

  • 自动补齐 autocomplete
  • 按钮 button
  • 对话框 Dialog
  • 抽屉层 drawer
  • 图标 icon
  • 菜单 menu
  • 星级评级 Rating
  • 滑动器选择 Slider
  • 标签 Tabs

支持主题:

  • 缺省
  • DOJO 

支持浏览器(HTML5浏览器):

  • Chrome
  • Safari
  • Firefox
  • Internet Explorer*
  • Opera

注释:IE9不支持Gradients,IE6-8不支持透明背景及其圆角

如何使用?

倒入类库:

<script…

标签: jquery ui, jquery, ui, user interface, javascript, autocomplete, button, dialog, drawer, icons, menu, rating, slider, tabs, 自动补齐, 按钮, 对话框, 抽屉层, 图标, 菜单, 星级评级, 滑动器选择, 标签

阅读更多

实例帮助你了解HTML5滑动区域选择元素Slider element

日期:2011/12/16  来源:GBin1.com

在线演示1  在线演示2  在线演示3

HTML5的出现带给我们了很多新的标签和元素。其中一个就是区间选择输入元素,例如,选择10以内的一个数字。这个元素其实在很多系统操作系统中都存在了很长时间,但是现在只是如何将他们整合到浏览器中。

因为使用JS可以很方便的模拟出这个效果所以HTML中一直没有可以直接使用的滑动选择元素。jQuery UI类库包含了一个非常不错的版本可以很容易进行样式设置。但是整合到浏览器中将非常简单,支持对于支持它的浏览器来说。

实例帮助你了解HTML5滑动区域选择元素Slider element

浏览器支持

除了著名的Firefox外所有的现代浏览器都支持这个元素,但是很容易使用html5slider.js来创建。当然IE也不支持区域选择输入,这个修改不太容易。这样的话,意味着你需要使用分开的类库类似jQuery UI来支持多浏览器。好消息在于如果浏览器不支持区域选择的话,它会做为一个输入框显示。

实例帮助你了解HTML5滑动区域选择元素Slider element

标签: HTML5, CSS, Javascript, JQuery, slider, range input, HTML5区域输入选择, 滑动选择, 最大值最小值选择输入

阅读更多

下一页

标签

© Copywrite by gbin1.com, all rights reserved.