YOU'VE MADE A BRAVE DECISION, WELCOME.

每一个不曾起舞的日子都是对生命的辜负。

一些js小组件

几个js组件

fullpage.js

fullPage.js 是一个基于 jQuery 的插件,它能够很方便、很轻松的制作出全屏网站,主要功能有

  • 支持鼠标滚动
  • 支持前进后退和键盘控制
  • 多个回调函数
  • 支持手机、平板触摸事件
  • 支持 CSS3 动画
  • 支持窗口缩放
  • 窗口缩放时自动调整
  • 可设置滚动宽度、背景颜色、滚动速度、循环选项、回调、文本对齐方式等等
1
2
3
4
5
6
7
8
9
10
fullpage.initialize('#fullpage', {
anchors: ,//定义锚链接
navigation: true,//项目导航
navigationTooltips:,//项目导航的 tip
scrollingSpeed: 800,//滚动速度,单位为毫秒
css3: true,//是否使用 CSS3 transforms 滚动
afterLoad: function (anchorLink, index) {}//滚动到某一屏后的回调函数
onLeave:function (index,nextIndex,direction){}//滚动前的回调函数
afterRender:funticon(){}//页面初始化完成后的回调函数
});

自动打字机

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
(function($) {
$.fn.typewriter = function() {
this.each(function() {
var $ele = $(this), str = $ele.html(), progress = 0;
$ele.html('');
var timer = setInterval(function() {
var current = str.substr(progress, 1);
if (current == '<') {//过滤<>号
progress = str.indexOf('>', progress) + 1;}
else {
progress++;}
$ele.html(str.substring(0, progress) + (progress & 1 ? '_' : ''));
if (progress >= str.length) {
clearInterval(timer);}
}, 75);//设置打字速度

});

return this;
};
})(jQuery);