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切换,但还要继续学习,勉强会用

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 通过jQuery,您可以选取(查询,query)HTML元素,并对它们执行“操作”(actions)。 jQuer...
    枇杷树8824阅读 3,882评论 0 3
  • jQuery 语法实例 $(this).hide()演示 jQuery hide() 函数,隐藏当前的 HTML ...
    左神话阅读 3,579评论 0 0
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 5,222评论 0 2
  • 第一章 事件篇 鼠标事件 1. click与dbclick事件 click(): 监听用户的单机操作 dbclic...
    七弦桐语阅读 3,332评论 0 2
  • Mar8 这世界上最幸福的事,莫过于和最亲近的人“共同成长”。时刻谨记! 今天看到笑友的融会贯通能力确实强啊,早上...
    ElingHo期待的美好日常阅读 1,410评论 0 0