资讯专栏INFORMATION COLUMN

html元素按压高亮效果

陈伟 / 3593人阅读

摘要:移动端页面元素按压高亮在移动端页面开发过程中,经常会有很多可以点击的等元素,为了响应用户点击,增加用户体验,常常要手动添加按压高亮效果。

html移动端页面元素按压高亮

在移动端H5页面开发过程中,经常会有很多可以点击的button/li/div等元素,为了响应用户点击,增加用户体验,常常要手动添加按压高亮效果。

如一系列的列表标签,可以点击响应、或者跳转

  • 点击我的时候有按压高亮的效果
  • 点击我的时候有按压高亮的效果
  • 点击我的时候有按压高亮的效果
  • 效果如下:

    实现代码

    css li:active{ background-color:按压后的颜色}

    js 触发touch移动端事件

       document.body.addEventListener("touchstart",function(){};)
       
    

    thx

    文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

    转载请注明本文地址:https://www.ucloud.cn/yun/116591.html

    相关文章

    • html元素按压高亮效果

      摘要:移动端页面元素按压高亮在移动端页面开发过程中,经常会有很多可以点击的等元素,为了响应用户点击,增加用户体验,常常要手动添加按压高亮效果。 html移动端页面元素按压高亮 在移动端H5页面开发过程中,经常会有很多可以点击的button/li/div等元素,为了响应用户点击,增加用户体验,常常要手动添加按压高亮效果。 如一系列的列表标签,可以点击响应、或者跳转 点击我的时候有按压高亮的效果...

      HelKyle 评论0 收藏0
    • 揭密微信跳一跳小游戏那些外挂

      摘要:所以,我们这个小游戏发布以后,我们就开始花了很多很多时间来打击外挂。二距离判断像素点判断该方法采用自目前最火的跳一跳小游戏辅助程序。 作者:Hahn, 腾讯高级UI工程师商业转载请联系腾讯WeTest获得授权,非商业转载请注明出处。 原文链接:http://wetest.qq.com/lab/view/364.html WeTest 导读 张小龙:这个游戏发布以后,其实它的效果有点超...

      lyning 评论0 收藏0
    • 组件设计漫谈

      摘要:最近组件库支持了,并且做了功能的升级,文档看这里下文不谈论这门技术,我打算从组件的设计以及一些细节来谈谈组件库这件事。组件细节举几个例子来谈谈组件设计和细节固钉当滚动条滑动,固钉元素划出视界时候,我们希望它能仍然钉在那里,展示在视界内。 最近组件库 N3 支持了 vue 2.0 ,并且做了功能的升级, 文档看这里 https://n3-components.github.... 下文不...

      Warren 评论0 收藏0
    • 组件设计漫谈

      摘要:最近组件库支持了,并且做了功能的升级,文档看这里下文不谈论这门技术,我打算从组件的设计以及一些细节来谈谈组件库这件事。组件细节举几个例子来谈谈组件设计和细节固钉当滚动条滑动,固钉元素划出视界时候,我们希望它能仍然钉在那里,展示在视界内。 最近组件库 N3 支持了 vue 2.0 ,并且做了功能的升级, 文档看这里 https://n3-components.github.... 下文不...

      WelliJhon 评论0 收藏0

    发表评论

    0条评论

    最新活动
    阅读需要支付1元查看
    <