pointer-events
默認(rèn)值:auto
取值
auto:與pointer-events屬性未指定時(shí)表現(xiàn)效果相同
none: 元素不會(huì)成為鼠標(biāo)事件的targer 。當(dāng)把值設(shè)置未none時(shí)缸夹,有以下特性:
1.阻止點(diǎn)擊效果
2.阻止hover,active的觸發(fā)事件
3.阻止javascript點(diǎn)擊觸發(fā)事件
說(shuō)明:
設(shè)置或檢索在何時(shí)成為屬性事件的target伦糯。
使用pointer-events來(lái)阻止元素成為鼠標(biāo)事件目標(biāo)不一定意味著元素上的事件監(jiān)聽(tīng)器永遠(yuǎn)不會(huì)觸發(fā)盅抚。如果元素后代明確指定了pointer-events屬性并允許其成為鼠標(biāo)事件的目標(biāo)壮虫,那么指向該元素的任何事件在事件的傳播過(guò)程中都將通過(guò)父元素践盼,并以適當(dāng)?shù)姆绞接|發(fā)其上的事件監(jiān)聽(tīng)器塔猾。位于屏幕上在父元素上但不在后代元素上的鼠標(biāo)活動(dòng)都不會(huì)被父元素和后代元素捕獲(將會(huì)穿過(guò)父元素而指向其下面的元素)篙骡。(有點(diǎn)繞...)
淡入淡出效果
fadeIn()用于淡如已隱藏的元素
fadeOut()用于淡出可見(jiàn)元素
fadeToggle()可以在fadeIn(),fadeOut()之間進(jìn)行切換
如果元素已淡出,fadeToggle()會(huì)向元素添加淡入效果
如果元素已淡入丈甸,fadeOut()添加淡出效果
fadeTo()允許漸變未給定的不透明度(0~1)
語(yǔ)法:
$('...').fadeIn();
$('...').fadeOut();
$('...).fadeToggle();
$('...').fadeTo();
可選的speed有:slow,fast或毫秒
這周還用了v-if,@click切換糯俗,但還要繼續(xù)學(xué)習(xí),勉強(qiáng)會(huì)用