凛冬将至，用几款特效暖暖身 - 请叫我头头哥(3)_H5之家

博客园请叫我头头哥，博客园博客园创建于2004年1月，博客园诞生于江苏扬州这样一个IT非常落后的小城市，城市虽小，但是这里却有很多求知创新的人，博客园诞生的理由是如此简单。一个IT技术人员想为IT技术人员们提供一个纯净的技术交流空间，博客园很长时间只有一个不能再简单的博客，有近四年，博客园仅靠一个人几年工作的积蓄在维持，互联网浪潮的此起彼伏，“博客”从耀眼的明星成为平民，这些似乎都与博客园无关，博客园一步一个脚印地走着自己的路，傻傻地对每个用户注册进行人工审批、对首页内容宁缺毋滥、对不合适的广告拒之门外，傻傻地对用户体验关怀备至，对盈利模式冷若冰霜。发展历程2006年9月博客园到北京发展。2007年9月博客园来到上海发展。2008年3月博客园团队成立。看看博客园

5.2.css代码：

.curtains>li { background:#FFF url(../img/blizzard.png); box-shadow:0 0 12px #666; } .curtains>li:last-child{box-shadow:none} #menu{ position:fixed; top:20px; left:20px; z-index:20; padding:10px; background-color:#000; } #menu li{margin:0} #menu a{ margin:0; color:#FFF; } #section-1 { background: url(../img/eiffel-2.jpg) 50% 0 no-repeat; background-size: cover; } #section-1 header{ color:#FFF; position:absolute; top:30%; left:50%; margin:0 0 0 -350px; width:700px; text-align:center; text-shadow: 0 1px 1px rgba(0, 0, 0, .5); line-height:1.1; } #section-1 h1{ font-size:120px; } #section-1 h2{ text-transform:capitalize; opacity:.75; font-size:48px; }

5.3.js代码：

scrollToPosition: function (direction) { var position = null, self = this; if (self.scrollEl.is(':animated')) { return false; } if (direction === 'up' || direction == 'down') { $next = (direction === 'up') ? self.$current.prev() : self.$current.next(); (self.$step) { if (!self.$current.find('.current-step').length) { self.$step.eq(0).addClass('current-step'); } var $nextStep = (direction === 'up') ? self.$current.find('.current-step').prev('.step') : self.$current.find('.current-step').next('.step'); if ($nextStep.length) { position = (self.options.mobile) ? $nextStep.position().top + self.$elDatas[self.$current.index()]['data-position'] : $nextStep.position().top + self.$elDatas[self.$current.index()]['data-position']; } } position = position || ((self.$elDatas[$next.index()] === undefined) ? null : self.$elDatas[$next.index()]['data-position']); if (position !== null) { self.scrollEl.animate({ scrollTop: position }, self.options.scrollSpeed, self.options.easing); } } else if (direction === 'top') { self.scrollEl.animate({ scrollTop: 0 }, self.options.scrollSpeed, self.options.easing); } else if (direction === 'bottom') { self.scrollEl.animate({ scrollTop: self.options.bodyHeight }, self.options.scrollSpeed, self.options.easing); } else { var index = $("#" + direction).index(), speed = Math.abs(self.currentIndex - index) * (this.options.scrollSpeed * 4) / self.$liLength; self.scrollEl.animate({ scrollTop: self.$elDatas[index]['data-position'] || null }, (speed <= self.options.scrollSpeed) ? self.options.scrollSpeed : speed, this.options.easing); } }