给标签增加data属性(data-stellar-ratio等,使用格局仿效帮助文书档案),然后运维$.stellar(卡塔尔就能够阅览超级帅的时差滚动作效果应了。

1234radius ``/* 旋转的半径,最小值是字符长度的一半,如果设置为-1,则文本是直的,不会旋转。默认值是0 */``dir ``/* 旋转方向,1是向下,-1是向上。默认值是1 */``rotate ``/* 设置为true表示每个字符都旋转。默认值是true */``fitText ``/* 如果想使用fitText插件(http://fittextjs.com/),则需要设置为true。默认值是false */

网页制作web前端之家小说简要介绍:期望已久的二〇一二寒暑最好jQuery插件公布.

✓ 帮衬具有主流的浏览器;

jQuery插件:年度最佳jQuery插件-Web前端之家。哈默.js 是叁个基于 jQuery,在网页中贯彻多点触摸 JavaScript
库。

主要特征

正如它的口号所说:Parallax has never been
easier,的确,它能协理轻便的落到实处网页视差滚动作效果应。

iPicture 是一款用于创造交互式照片效果的 jQuery
插件,能够在图纸上增多额外的评释。

SlabText

iPicture

Flexslider 2.0

虽说 CSS3
也能够落到实处字符旋转效果,可是要让布署每一种字母都沿着弯屈曲曲路线排布卓绝的冗杂,Arctext.js
则能够轻易实现。

入眼特色

1234567891011121314151617<``div id``=``"flipbook"``>````<``div
class``=``"hard"``> Turn.js ``div``> ````<``div
class``=``"hard"``>``div``>````<``div``> Page 1 ``div``>````<``div``> Page 2 ``div``>````<``div``> Page 3 ``div``>````<``div``> Page 4 ``div``>````<``div
class``=``"hard"``>``div``>````<``div
class``=``"hard"``>``div``>````div``>``<``script
type``=``"text/javascript"``>````$("#flipbook").turn({````width: 400,````height: 300,````autoCenter: true````});````script``>

✓ 轻便,美观和强大的 API 接口;

Arctext.js

stellar.js

✓ 轻便的,语义化的价签;

✓ 帮助几个滑块,回调 API,以致更加的多;

一款用于制作中号,加粗的响应式头条标题标 jQuery 插件。

也得感到要素加多data属性来布局每一个成分的舞狮,举例:

可以经过设置上边多个参数调度功用:

✓ 能够通过 Ajax 动态加载页面;

✓ 功效专一,专项使用于多点触摸手势;

支撑 Tap、Double Tap、Drag、Hold、Swipe 和 Transform 三种触摸手势。

✓ 依据 turn.html4.js,可以在 IE8 等低版本浏览器职业。

✓ 水平/垂直滑动和淡入淡出动漫;

12345678910111213141516171819<``div
class``=``"flexslider"``>````<``ul
class``=``"slides"``>````<``li``>````<``img src``=``"slide1.jpg"
/>``````li``>````<``li``>````<``img src``=``"slide2.jpg"
/>``````li``>````<``li``>````<``img src``=``"slide3.jpg"
/>``````li``>``````ul``>````div``>``<``script
type``=``"text/javascript"
charset``=``"utf-8"``>````$.load {````$('.flexslider').flexslider();````});````script``>

✓ 触摸滑动扶助硬件加速;

✓ 提供三种美好的连接效果;

落到实处超平滑的 CSS3 transformations和 transitions的 jQuery
插件,最新版本:v0.1.3。

✓ 支持运行于 平板电脑 和 Motorola;

✓ 完全部独用立的库,也提供了 jQuery 插件版本;

hammer.js

运用极其轻便,示例代码:

Get turn.js

仍可以够透过安装偏移量来调解时差效果:

重大特色

✓ 在网址中非常的慢完结 Touch 事件;

123<``div
data-stellar-ratio``=``"2"````data-stellar-horizontal-offset``=``"40"````data-stellar-vertical-offset``=``"150"``>

✓ 轻量,GZIP 压缩后独有2KB;

前段时间,国外着名博客WDL宣布了二〇一二寒暑一级 jQuery 插件。jQuery
自二〇〇七年揭露以来,经过6年的急速升高,近年来已经是最流行和动用最管见所及的
JavaScript 框架,那重要归功于广大缠绕 jQuery 的技能社区。jQuery
社区的开拓者持续不断的在揭穿种种 jQuery 插件,Web
开拓职员能够充裕轻巧把一些惊艳的成效到品种中。

利用特别轻巧,示例代码:

FlexSlider 是一款轻量的响应式 jQuery
内容滚动插件,能够支持你在类型轻巧的开创优越的剧情滚动作效果应。

✓ 能够自定义导航选项。

✓ 宽容最新版本的 jQuery。

Jquery Transit

那款插件也是 二零一二 年份最佳 jQuery 插件,二〇一两年被 WooThemes
收购并宣布了2.0版本,因而继续入选 二零一一 年度榜单。

✓ 纯 HTML5/CSS3 展现页面内容;

1234$.stellar({````horizontalOffset: 40,````verticalOffset: 150``});

1234// For example:``$;``// or:``$(``'#main'``).stellar();

Arctext.js 是依靠 Lettering.js
的文字旋转插件,依据设置的转动半径准确测算每种字母的团团转弧度并均匀布满。

这款 jQuery 插件能够给页面加多美观的衔接效果,形似于书籍或许杂志。

相关文章

网站地图xml地图