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

Beispielbeschreibung für die Hervorhebung eines HTML-Elements

高洛峰
Freigeben: 2017-03-13 14:46:05
Original
1915 Leute haben es durchsucht

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>
Nach dem Login kopieren

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(){};)
    Nach dem Login kopieren
    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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage