给标签增加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 插件能够给页面加多美观的衔接效果,形似于书籍或许杂志。