至于想知道那两个函数的对象有什么属性和方法 可以console.log()出来
我实验过了:
step的:
T…n.init {elem: div#aaron, prop: "height", easing: "swing", options: Object, now: 50…}
easing
:
"swing"
elem
:
div#aaron
end
:
50
now
:
50
options
:
Object
pos
:
1
prop
:
"height"
start
:
100
unit
:
"px"
__proto__
:
O
我实验过了:
step的:
T…n.init {elem: div#aaron, prop: "height", easing: "swing", options: Object, now: 50…}
easing
:
"swing"
elem
:
div#aaron
end
:
50
now
:
50
options
:
Object
pos
:
1
prop
:
"height"
start
:
100
unit
:
"px"
__proto__
:
O
2017-08-14
step:function(){}
参数1:就是progress的参数2
参数2:一个对象,包含了与css相关的东西,我也不知道怎么用.好像这个对象有一个 字段(属性或者说变量)叫elem 这个elem是执行该动画的元素
可以输出到控制台看看:
step: function(now, fx) {
console.log(fx.elem)
}
参数1:就是progress的参数2
参数2:一个对象,包含了与css相关的东西,我也不知道怎么用.好像这个对象有一个 字段(属性或者说变量)叫elem 这个elem是执行该动画的元素
可以输出到控制台看看:
step: function(now, fx) {
console.log(fx.elem)
}
2017-08-14
progress:function(){}
参数1:是一个对象,包含对象进度相关的属性,至于怎么用我也不知道
参数2: 动画修改的css属性的当前这一步的值(步之间的时间间隔系统觉定,他想怎样为一步就怎样)
参数3:当前这一步执行到的进度 从duration的初值到0
参数1:是一个对象,包含对象进度相关的属性,至于怎么用我也不知道
参数2: 动画修改的css属性的当前这一步的值(步之间的时间间隔系统觉定,他想怎样为一步就怎样)
参数3:当前这一步执行到的进度 从duration的初值到0
2017-08-14
<body>
<h2>通过toggle切换显示与隐藏</h2>
<div class="left">测试显示和隐藏切换</div>
<button>显示和隐藏切换</button>
<script type="text/javascript">
$("button").click(function() {
$(".left").toggle(3000)
});
</script>
</body>
也可以写成这样,点击按钮隐藏,再次点击按钮显示
<h2>通过toggle切换显示与隐藏</h2>
<div class="left">测试显示和隐藏切换</div>
<button>显示和隐藏切换</button>
<script type="text/javascript">
$("button").click(function() {
$(".left").toggle(3000)
});
</script>
</body>
也可以写成这样,点击按钮隐藏,再次点击按钮显示
2017-08-11