ホームページ > ウェブフロントエンド > htmlチュートリアル > マウスの入力、終了、クリックに関する質問 events_html/css_WEB-ITnose

マウスの入力、終了、クリックに関する質問 events_html/css_WEB-ITnose

WBOY
リリース: 2016-06-21 09:17:43
オリジナル
1718 人が閲覧しました

たとえば、上記のコードでは、マウスが要素上に移動したときに の背景とフォントの色が変更されるようにします。離れるとまた変わります。要素をクリックすると背景とフォントの色が変わり、マウスが離れるとイベントがトリガーされなくなりました。今後、別の要素の上にマウスを移動すると、その要素の背景とフォントの色も変わりますが、最後にクリックした要素の背景と色は変更されません。別の要素をクリックすると、前にクリックした要素の背景と色が変わります


ディスカッション(解決策)に返信

にスタイルが設定されています。 a タグ

a {color :blue;}

a:hover {color:red;}

a:active {color: yellow;}


スタイルは a タグに設定されます

a {color:blue; }

a:hover {color:red ;}

a:active {color: yellow;}


まず第一に、ご回答ありがとうございます~
しかし、私のアイデアは、JS と CSS を組み合わせて onClick を通じて処理することです。 onmouseout、onmouseove イベント。お役に立てば幸いです ~

ありがとうございます ~

     <ul>	<li>		<span>			<a href=""  >首页</a>		</span>	</li>	<li>		<span>			<a href="">关于</a>		</span>	</li>	<li>		<span >			<a  href="">案例</a>		</span>	</li>	<li>		<span >			<a href="" >开发</a>		</span>											</li>	<li>		<span>			<a href="">流程</a>		</span>	</li>	<li>		<span >			<a href="">联系方式</a>		</span>	</li></ul>
ログイン後にコピー


スタイル a {color:blue;}

a:hover {color:red;}

a:active {color: yellow;}

イベント onmouseove、onmouseout、onClick

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