课程/JavaScript/前端开发
侧栏工具条开发
-
-
论斤烤
2020-11-20
课堂总结-三种实现方式
-
截图
0赞 · 0采集
-
-
论斤烤
2020-11-20
课堂总结-CSS3动画效果
-
截图
0赞 · 0采集
-
-
论斤烤
2020-11-20
课堂总结-RequireJS
-
截图
0赞 · 0采集
-
-
论斤烤
2020-11-20
课堂总结-SASS
-
截图
0赞 · 0采集
-
-
小学渣丶
2017-06-01
- define(['jquery'],function(){
function ScrollTo(opts) {
this.opts = $.extend({},ScrollTo.DEFAULTS,opts);
this.$el=$('html,body');
}
ScrollTo.prototype.move = function () {
var opts=this.opts;
if ($(window).scrollTop() !=this.opts.dest ) {
if (!this.$el.is(':animated') ) {
this.$el.animate({
scrollTop:opts.dest
}, opts.speed);
}
}
};
ScrollTo.prototype.go = function () {
var dest=this.opts.dest;
if ($(window).scrollTop() !=dest ){
this.$el.scrollTop(dest);
}
};
ScrollTo.DEFAULTS = {
dest:0,
speed:800
};
return{
ScrollTo:ScrollTo
};
});
-
0赞 · 0采集
-
-
小学渣丶
2017-06-01
- define(['jquery','scrollto'],function ($,scrollto) {
function BackTop(el,opts) {
this.opts=$.extend({},BackTop.DEFAULTS,opts);
this.$el=$(el);
this.scroll=new scrollto.ScrollTo({
dest:0
});
this._checkPosition();
if(this.opts.mode=='move'){
this.$el.on('click',$.proxy(this._move,this) );
}else{
this.$el.on('click',$.proxy(this.go,this) );
}
$(window).on('scroll',$.proxy(this._checkPosition,this) );
}
BackTop.DEFAULTS={
mode:'move',
pos:$(window).height(),
speed:800
};
BackTop.prototype._move = function () {
this.scroll.move();
}
BackTop.prototype.go = function () {
this.scroll.go();
}
BackTop.prototype._checkPosition = function () {
var $el=this.$el;
if($(window).scrollTop() > this.opts.pos ){
$el.fadeIn();
}
else{
$el.fadeOut();
}
};
return {
BackTop:BackTop
};
});
-
0赞 · 0采集
-
-
P妞酱酱
2016-12-24
- 嘻嘻嘻嘻嘻嘻嘻嘻嘻
-
截图
0赞 · 0采集
-
-
慕粉3479727
2016-09-14
- requirejs代码
-
截图
0赞 · 0采集
-
-
慕粉3479727
2016-09-14
- requirejs代码
-
0赞 · 0采集
-
-
慕粉3479727
2016-09-14
- requirejs总结
-
截图
0赞 · 0采集
-
-
慕粉3479727
2016-09-14
- sass总结
-
截图
0赞 · 0采集
-
-
封子清风
2016-09-13
- css精灵、图标字体和伪类
-
截图
0赞 · 0采集
-
-
封子清风
2016-09-13
- css3实现简单的动画效果
-
截图
0赞 · 0采集
-
-
封子清风
2016-09-13
- 课程总结RequireJS
-
截图
0赞 · 0采集
-
-
封子清风
2016-09-13
- SASS
-
截图
0赞 · 0采集
-
-
tlx6550
2016-06-13
- css3动画
-
截图
0赞 · 0采集
-
-
tlx6550
2016-06-13
- requires 三个常用方法
-
截图
0赞 · 0采集
-
-
Simple_Happiness
2016-06-05
- 使用before和after伪类可以减少标签的书写,降低html结构的复杂性
-
截图
0赞 · 0采集
-
-
qq_米老头_0
2016-04-04
- sass课程总结
extend 继承
@mixin 函数名(参数)
-
截图
1赞 · 0采集
-
-
harukochan
2016-03-23
- 优点:
背景图片:减少HTTP请求,节约资源
图标字体:方便修改
伪类:HTML结构更简单
-
0赞 · 0采集
-
-
harukochan
2016-03-23
- requirejs.config 修改别名
requirejs 引入模块
define 定义新模块
-
0赞 · 2采集
-
-
IHaveADreamD
2016-03-16
- requireJS
-
截图
0赞 · 0采集
-
-
IHaveADreamD
2016-03-16
- SASS
-
截图
0赞 · 0采集
-
-
琴之姐
2016-03-09
- sass
-
截图
0赞 · 0采集
-
-
Anay_Yu
2016-03-01
- scss基本运用
-
截图
0赞 · 0采集
-
-
riky
2016-01-14
- 使用到的SASS相关知识
-
截图
0赞 · 0采集
-
-
SPICRU2
2015-10-12
- SASS 嵌套、$变量、@mixin 函数名(参数)、@import、@extend
RequireJS requrejs.config、requirejs、define
CSS3 过渡transition、2D变换transform
CSS 精灵图合成、图标字体、伪类
-
0赞 · 2采集
-
-
Rstudy
2015-09-23
- SASS总结:
1、嵌套
2、$变量
3、@mixin 函数名(参数)
4、@import
5、@extend
-
截图
0赞 · 0采集
-
-
矮戳穷胖宅
2015-08-07
- transform-origin() 调整变换位置
-
0赞 · 0采集
-
-
矮戳穷胖宅
2015-08-07
- RequireJS 常用参数
-
截图
0赞 · 0采集