HTML要素のプレスハイライトの説明例

高洛峰
リリース: 2017-03-13 14:46:05
オリジナル
1868 人が閲覧しました

HTML モバイル ページ要素はハイライトを押します

モバイル H5 ページの開発プロセスでは、アプリケーションユーザーのクリックに応答し、ユーザー エクスペリエンスを向上させるために、多くの場合、クリック可能なボタン/li/p およびその他の要素が存在します。ハイライト効果を手動で追加するには。

一連のリストタグと同様に、クリックして応答またはジャンプできます

<li>点击我的时候有按压高亮的效果</li>
<li>点击我的时候有按压高亮的效果</li>
<li>点击我的时候有按压高亮的效果</li>
ログイン後にコピー

その効果は次のとおりです:

html元素按压高亮示例说明

実装コード

  1. css li: active{ background-color: 押した後の色}

  2. js トリガータッチモバイルイベント

       document.body.addEventListener(&#39;touchstart&#39;,function(){};)
    ログイン後にコピー

    thx



    以上がHTML要素のプレスハイライトの説明例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート