Heim >Web-Frontend >HTML-Tutorial >Beispielbeschreibung für die Hervorhebung eines HTML-Elements

Beispielbeschreibung für die Hervorhebung eines HTML-Elements

高洛峰
高洛峰Original
2017-03-13 14:46:051921Durchsuche

HTML-Elemente für mobile Seiten zum Hervorheben drücken

Während des Entwicklungsprozesses von mobilen H5-Seiten gibt es oft viele anklickbare Schaltflächen/Li/Ps und andere Elemente, um sie zu bewirkenWenden Sie Benutzerklicks an, um das Benutzererlebnis zu verbessern. Oft ist es erforderlich, den Druckhervorhebungseffekt manuell hinzuzufügen.

Wie bei einer Reihe von Listen-Tags können Sie klicken, um zu antworten oder zu springen

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

Der Effekt ist wie folgt:

html元素按压高亮示例说明

Implementierungscode

  1. css li: active{ background-color: Farbe nach dem Drücken🎜>

  2. jsTrigger Touch Mobile Ereignis

       document.body.addEventListener(&#39;touchstart&#39;,function(){};)
thx



Das obige ist der detaillierte Inhalt vonBeispielbeschreibung für die Hervorhebung eines HTML-Elements. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn