質問したいのですが、マウスを置くと背景画像が変更されるのですが、どうすればdiv内の画像も変更されますか？ _html/css_WEB-ITnose

以下の写真とコードを添付します

<div class="kaidian"><div style="height: 160px;"><div class="toppic"><img src="./images/f_a_03.png" style="max-width: 45px;"/></div><div class="title">一键开店</div><div class="content">效果文字不要阅读，效果文字不要阅读效果文字不要阅读</div></div><img src="./images/f_a_09.png" style="margin-left: 90px;"/></div>

.circle .kaidian:hover{	width: 200px;    height: 330px;    margin-top: 10px;    background: url(./images/fp_37.png) center no-repeat;    background-size: 180px 220px;    -ms-behavior: url(css/backgroundsize.min.htc);    behavior: url(css/backgroundsize.min.htc);    float: left;}

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

ワンクリックでストアを開きます

効果テキストを読まないでください

/div>

<script> .hover(function(){var a=$( '.topic img',this);a.attr('src',a.attr('data-img1'))},function(){var a=$ ('.topic img',this);a.attr('src',a.attr('data-img2'))}) <br> <br> <br> <script id="jquery_183" type= "text/javascript" class="library" src= "/js/sandbox/jquery/jquery-1.8.3.min.js"></script>

ワンクリックでストアを開きます

効果テキストは読まないでください、効果テキストは読まないでください効果テキストは読まないでください

<script> kaidian').hover(function(){var a=$('.topic img', this);a.attr('src',a.attr('data-img1'))},function(){var a=$('.topic img',this);a.attr('src', a.attr('data-img2'))}) <br></script>
O(∩_∩)Oありがとうございます

関連ラベル：

求教一个问题，当鼠标放上去在改变背景图片时，同时改变div里面的图片，怎么实现？

ソース：php.cn

前の記事：mvcの@Html.DropDownListForと@Html.DropDownListのデフォルト値が選択できない問題の簡単なまとめ 次の記事：div の垂直方向と水平方向のセンタリング コード example_html/css_WEB-ITnose

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

著者別の最新記事

• NullPointerException とは何ですか?どのように修正すればよいですか?
  2024-10-22 09:46:29
• 初心者からプログラマーへ: 旅は C の基礎から始まります
  2024-10-13 13:53:41
• PHP による Web 開発のロックを解除する: 初心者ガイド
  2024-10-12 12:15:51
• C の謎を解く: 新人プログラマーのための明確でシンプルな道
  2024-10-11 22:47:31
• コーディングの可能性を解き放つ: まったくの初心者のための C プログラミング
  2024-10-11 19:36:51
• 内なるプログラマーを解き放つ: まったくの初心者のための C
  2024-10-11 15:50:41
• C で生活を自動化する: 初心者向けのスクリプトとツール
  2024-10-11 15:07:41
• PHP を簡単に: Web 開発の最初のステップ
  2024-10-11 14:21:21
• Python で何でも構築: 創造性を解き放つための初心者ガイド
  2024-10-11 12:59:11
• コーディングの鍵: 初心者のための Python の力を解き放つ
  2024-10-11 12:17:31

最新の問題

function_exists() はカスタム関数を決定できません Function test () {return true;} if (function_exists ('test')) {echo "テストは関数です";

から 2024-04-29 11:01:01

0

3

2200

Google Chromeのモバイル版を表示する方法 こんにちは、先生、Google Chrome をモバイル版に変更するにはどうすればよいですか?

から 2024-04-23 00:22:19

0

11

2347

子ウィンドウは親ウィンドウを操作しますが、出力は応答しません。 最初の 2 つの文は実行可能ですが、最後の文は実装できません。

から 2024-04-19 15:37:47

0

1

1965

親ウィンドウには出力がありません document.onclick = function(){ window.opener.document.write('私は子ウィンドウの出力です');

から 2024-04-18 23:52:34

0

1

1853

CSS マインド マッピングに関するコースウェアはどこにありますか? コースウェア

から 2024-04-16 10:10:18

0

0

1914

関連トピック

詳細>

• Linuxでポート占有率を確認する
• postgresqlでよく使われるコマンドは何ですか?
• 一般的な Linux のダウンロードおよびインストール ツール
• vscodeでコードhtmlを実行する方法
• Wordに余分な空白ページがあり、削除できません。
• 電子商取引プラットフォームには何が含まれますか?
• proxy switchysharp
• Webstorm がファイルを実行できない理由