首頁 > 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
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板