首页 > web前端 > html教程 > html元素按压高亮示例说明

html元素按压高亮示例说明

高洛峰
发布: 2017-03-13 14:46:05
原创
1903 人浏览过

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

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

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

<li>点击我的时候有按压高亮的效果</li>
<li>点击我的时候有按压高亮的效果</li>
<li>点击我的时候有按压高亮的效果</li>
登录后复制

效果如下:

html元素按压高亮示例说明

实现代码

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

  2. js 触发touch移动端事件

       document.body.addEventListener(&#39;touchstart&#39;,function(){};)
    登录后复制

    thx



    以上是html元素按压高亮示例说明 的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板