pointer-events和淡入淡出

pointer-events

默认值：auto

取值

auto:与pointer-events属性未指定时表现效果相同

none: 元素不会成为鼠标事件的targer 。当把值设置未none时，有以下特性：

1.阻止点击效果

2.阻止hover,active的触发事件

3.阻止javascript点击触发事件

说明：

设置或检索在何时成为属性事件的target。

使用pointer-events来阻止元素成为鼠标事件目标不一定意味着元素上的事件监听器永远不会触发。如果元素后代明确指定了pointer-events属性并允许其成为鼠标事件的目标，那么指向该元素的任何事件在事件的传播过程中都将通过父元素，并以适当的方式触发其上的事件监听器。位于屏幕上在父元素上但不在后代元素上的鼠标活动都不会被父元素和后代元素捕获（将会穿过父元素而指向其下面的元素）。（有点绕...）

淡入淡出效果

fadeIn()用于淡如已隐藏的元素

fadeOut()用于淡出可见元素

fadeToggle()可以在fadeIn(),fadeOut()之间进行切换

如果元素已淡出，fadeToggle()会向元素添加淡入效果

如果元素已淡入，fadeOut()添加淡出效果

fadeTo()允许渐变未给定的不透明度（0～1）

语法：

$('...').fadeIn();

$('...').fadeOut();

$('...).fadeToggle();

$('...').fadeTo();

可选的speed有：slow,fast或毫秒

这周还用了v-if,@click切换，但还要继续学习，勉强会用