hover

これは、HTMLの 擬似クラス[hover]に関するタグです。Hoverは与えられた要素へマウスカーソルを置くことを意味します。また、タッチ可能なデバイスでユーザーが要素へタッチすることをHoverと呼ぶ場合もあります。

RSS
  • 解決済

    回答
    2

    WordPress内のマウスオーバーでの背景色変更

    WordPressでホームページを作成しているのですが、ボーダーで囲っている部分がクリックした際、リンクに飛ぶのが一目でわかるよう、カーソルを合わせた際、そこの部分の背景色を変更したいのです。 いろいろサイトを見てみましたが、追加した箇所が文字列で反映されてしまったり、変化が全くなかったりです。 下のコードの中にhoverやonmouseoverのタグを追加

    • 0評価
    • 198PV
    stampdoor stampdoor 1週間前に コメント
  • 受付中

    回答
    2

    jQueryのhover()を用いて要素にズーム効果をつける時に効果に指定する時間について

    前提・実現したいこと WebサイトにjQueryを適用して装飾しています。 jQuery のhover()、addClass()、removeClass()とCSSを用いて画像にマウスカーソルを乗せた時にその画像が拡大し、外すと元のサイズに戻る効果をつけました。 初期サイズから拡大サイズになるまでの所要時間、そして拡大サイズから初期サイズに戻るまで

    • 0評価
    • 130PV
    defghi1977 defghi1977 1ヶ月前に 回答
  • 解決済

    回答
    1

    ボタンのホバーアニメーションでカーソルが乗るとパタパタする

    https://sirinova.com/nova-button.html Chromeでボタンの上部にカーソルを乗せるとアニメーション→アニメーションのキャンセルでカーソルが点滅します。CSSのみでこの問題を解決する方法はありますか? .btn01 a, .btn02 a, .btn03 a, .btn04 a, .btn05 a, .btn

    • 0評価
    • 120PV
    snof snof 1ヶ月前に ベストアンサー
  • 解決済

    回答
    3

    Chromeでhover時にtransformがあるとoverflow: hiddenのある画像が震...

    問題のページ https://sirinova.com/nova-button.html Chromeでボタンにカーソルを合わせるとボタンのhoverに設定されたtransformに反応してoverflow: hiddenのある画像がにじんだり縦に1px震えます。transformかoverflow: hiddenのどちらかを無くすとにじんだり震えなくな

    • 0評価
    • 184PV
    snof snof 1ヶ月前に ベストアンサー
  • 解決済

    回答
    3

    jQueryのhoverイベントについて悩んでいます。

    下記のコードでhoverイベントを実行しています。 概要 a要素(詳しく見る)にホバーすると、 aの中のimgのファイル名が、_off→_onになり画像が変更されます。 画像は詳しく見るの左に > が入っていてホバーで色や向きが異なる画像に変わるようになっています。 この画像がくり変わる時間をゆっくりにしたいと思っています。 現状は、パッと変わるのでフワ

    • 0評価
    • 183PV
    TatsuyaOkawa TatsuyaOkawa 7ヶ月前に コメント
  • 受付中

    回答
    1

    スマホでaリンクを押下したときに背景画像が消えます。

    前提・実現したいこと HTML、CSSでレスポンシブサイトを構築中です。 スマホでaリンクを押したとき、ボタンが消えてしまいます。 また、次ページから戻った時も消えたままになってしまいます。 やりたいことは、 ◆PCでリンクを押下するとき、hoverで背景画像変化。 ◆スマホでリンクを押下するとき、背景画像は変化なし。(そもそもhoverの定義な

    • 0評価
    • 566PV
    nyancat nyancat 1年以上前に 回答
  • 解決済

    回答
    4

    :hover時に、translateを使って、『扉が開くように、画像が上に消えていく』アニメーション...

    前提・実現したいこと sublimetextを使っています。 前提として、今回はhtml,cssのみで実装することが目標です。 そのため、jQuery等による解決方法の提示はご遠慮くださいますよう、お願いいたします。 実現したいこととしては、説明が難しいですがタイトルの通り、 カーソルを画像に合わせるとその画像が上に消えていき、 下にあるfo

    • 0評価
    • 1494PV
    YuyaKodera YuyaKodera 1年以上前に ベストアンサー
  • 解決済

    回答
    1

    hoverについて

    colでナビメニューを作成しているのですが、メニューをホバーしたときに中の文字のhoverを同時にするのはどうすればよろしいでしょうか? js等は使用してません。 発生している問題・エラーメッセージ 要素の端側をホバーしても文字の色が変わらず、文字をホバーしたときに色が変わります。 該当のソースコード <nav> <div class="

    • 0評価
    • 415PV
    ubu ubu 1年以上前に ベストアンサー
  • 受付中

    回答
    3

    ボタンにhoverが使えない

    <Form><Input type="button" value="更新する" onClick="javascript:history.go(0)"></Form> このような記述でボタンを作ったのですが、このボタンをクリックまたはhoverした時に、透過させたいのですができません。どうすればよいのでしょうか?

    • 1評価
    • 911PV
    kei344 kei344 1年以上前に 回答
  • 解決済

    回答
    1

    WordPress アイキャッチ画像 hover タイトル表示

    前提・実現したいこと WordPress利用 1.index.phpの記事一覧アイキャッチ画像にカーソルhoverすると登録したタイトルがsidebar.phpに表示される。 2.アイキャッチ画像をクリックすると個別記事に飛ぶのではなく、記事内容がsidebar.phpに表示される。 試したこと jQueryのhoverによってHTMLの静的な文

    • 0評価
    • 1023PV
    may88seiji may88seiji 1年以上前に ベストアンサー
  • 受付中

    回答
    2

    スマホで要素をタッチした際に、手を離した後にも:hoverの効果が持続してしまいます。対処法を教えて...

    アコーディオンメニューを作成しており、スマートフォン用のメニューも作成しました。 <ul> <li class='dropdown'> <a href='#'>メニュー1</a> <ul class='dropdown-menu'> <li>メニュー1-1</li> <li>メニュー1-2</li> <

    • 0評価
    • 6307PV
    MasakazuFukami MasakazuFukami 1年以上前に 回答
  • 解決済

    回答
    2

    HTML :hoverで表示

    <body> <h2>aaa</h2> <h2 class="test" style="display:none">bbb</h2> </body>で、aaaがhoverされたときにbbbを表示したい場合どんなcssを書けばいいですか?

    • 0評価
    • 686PV
    touka touka 1年以上前に コメント
  • 受付中

    回答
    0

    Android Studio ボタンhover

    Android Studio のボタン配置でhoverとnormalを使い分ける方法を教えてください。

    • 0評価
    • 723PV
    mario198 mario198 1年以上前に 質問
  • 解決済

    回答
    2

    footerをhoverでframeを表示。 ieだけiframe上にマウスhoverするとユラユラ...

    こんにちは。 表題の件、たいへん困っております。 コードをまるごとコピペしてご覧ください。 下部に横広いfooterをマウスhoverすると、上に伸び、3つのiframe表示されるのでクリックでそのページに飛べるようにしたいのです。 Chome、FFは問題ないのですが、ieだけiframe上にhoverするとユラユラして、クリックできません。 ■jsでの

    • 0評価
    • 1447PV
    rrryo719719 rrryo719719 1年以上前に ベストアンサー
  • 解決済

    回答
    2

    jqueryプラグインでDatatablesでtd部分にマウスオーバでPOPUPを表示させたいです。

    jqueryのプラグインdatatables で作成したtable の td要素が 1列だけ大量の文字数で、文字数制限をCSSにて指定しております。 そのtdに対してマウスオーバ時、ポップアップを表示させて マウスオーバー時だけ全ての文字が表示されるようにしたいと考えております。 <td class="popup"><a>文字(表示される字数制限付) <s

    • 0評価
    • 1824PV
    kondo-modoru kondo-modoru 1年以上前に 回答
  • 解決済

    回答
    1

    droppableの「hoverClass」と「tolerance」がうまく動作しません。

    MAYAKOです。 teratailユーザーの皆様、いつもお世話になっております。 今日はjQueryUIの「droppable」を勉強していて、詰まってしまったので、質問させていただきます。 表題の通り、droppableにhoverClassとtoleranceのオプションをつけたのですが、それがうまく動作してくれません。 何度コードを確認しても特に間

    • 0評価
    • 1184PV
    MAYAKO MAYAKO 1年以上前に ベストアンサー
  • 1

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    2

  • 総質問数

    16

  • 今週の質問数

    0

関連するタグ

hoverタグのよく見られている質問

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る