ホームページ  >  記事  >  ウェブフロントエンド  >  質問したいのですが、マウスを置くと背景画像が変更されるのですが、どうすればdiv内の画像も変更されますか? _html/css_WEB-ITnose

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

WBOY
WBOYオリジナル
2016-06-24 11:29:521669ブラウズ

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


<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;}


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

018dd650b815c58ea6d71789d9a3977c2cacc6d41bbb37262a98f745aa00fbf0
e87a0681b91e2ead2283b01ae302ff62
f45d3dbb9fd3a38dcc364c1a1ce94fc3
e62307beb4c2d707f8c879ca711e9465413fb6c9294bf1ebcc713a30de71732e16b28748ea4df4d9c2150843fecfba68
9e80a1cbb6fa0609753359a9577296d4ワンクリックでストアを開きます16b28748ea4df4d9c2150843fecfba68
5d1e94760349a02ec7e3e05385bc999a効果テキストを読まないでください16b28748ea4df4d9c2150843fecfba68 /div>
b07e7f1fe328a6346c441e113535bbcf
3f1c4e4b6b16bbbd69b2ee476dc4f83a .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'))})


f96cd68bf6fdab76e029886858e159b62cacc6d41bbb37262a98f745aa00fbf0
807b3298b8c270b135e8ead1fa6d3dff

e62307beb4c2d707f8c879ca711e94656d74ef43fb1a9acc9371711cf9e6131316b28748ea4df4d9c2150843fecfba68

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

5d1e94760349a02ec7e3e05385bc999a効果テキストは読まないでください、効果テキストは読まないでください効果テキストは読まないでください16b28748ea4df4d9c2150843fecfba68
16b28748ea4df4d9c2150843fecfba68
b07e7f1fe328a6346c441e113535bbcf
3f1c4e4b6b16bbbd69b2ee476dc4f83a 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'))})
2cacc6d41bbb37262a98f745aa00fbf0
O(∩_∩)Oありがとうございます

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