Rumah > hujung hadapan web > html tutorial > html元素按压高亮示例说明

html元素按压高亮示例说明

高洛峰
Lepaskan: 2017-03-13 14:46:05
asal
1903 orang telah melayarinya

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

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

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

<li>点击我的时候有按压高亮的效果</li>
<li>点击我的时候有按压高亮的效果</li>
<li>点击我的时候有按压高亮的效果</li>
Salin selepas log masuk

效果如下:

html元素按压高亮示例说明

实现代码

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

  2. js 触发touch移动端事件

       document.body.addEventListener(&#39;touchstart&#39;,function(){};)
    Salin selepas log masuk

    thx



    Atas ialah kandungan terperinci html元素按压高亮示例说明 . Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan