次の問題があります。私はこの例のようなチームページを持っています:http://www.social-markets.de/social-commerce-team.html小さなサークルのチーム写真をjQuery経由で追加したいPNG透明なMouseHover PNG画像の下に小さな円のピンクの円があります。誰かアイデアを持っていますか?jQuery PNG transparent MouseHover
0
A
答えて
0
追加情報をCSS(display:none
)で非表示にして、ホバーで切り替えます。以下のようなSTH:
$('.elementWithExtra').hover(function(){
$(this).children('.extra').toggle();
}, function(){
$(this).children('.extra').toggle();
});
参照:http://api.jquery.com/hover/とhttp://api.jquery.com/toggle/
0
$(".imgDiv").mouseover(function(){
$(this).children(".hiddenImgDiv").show();
}).mouseout(function(){
$(this).children(".hiddenImgDiv").hide();
});
関連する問題
- 1. IE 7 transparent PNG problem
- 2. mousehoverでjQueryポップアップを表示
- 3. jQuery Mobile、transparent black overlay effect
- 4. CGLayerをCoreGraphicsの* transparent * UIImageとPNGファイルに変換するiphone
- 5. アンドロイド画面でcs5 transparent pngの問題をフラッシュ
- 6. UIImage Not Transparent
- 7. MouseHoverでトリガー?
- 8. リンクボタンのCSSはmousehover
- 9. QQuickWindow transparent
- 10. sIFR 3:Background Transparent?
- 11. Monodroid Transparent WebView
- 12. NSTableView transparent TableView
- 13. android.R.color.transparent not fully transparent
- 14. Ardor3D transparent quad
- 15. c#:transparent in tabControl
- 16. Boostrap navbar-default transparent
- 17. Three.js transparent/disparition
- 18. iOS 5 black transparent UIAlertView
- 19. NSOutlineView with transparent field editor
- 20. JLabel over transparent painted Rectangle?
- 21. firefox addon、transparent floatingパネル
- 22. コントロール内の複数のMouseHoverイベント
- 23. C#WinForms MouseHoverとMouseLeaveの問題
- 24. MouseHover、MouseEnter関数の優先順位
- 25. XAML for Rotating、Round Image、Transparent Center
- 26. IE7 IE8 IE9色:transparentプロパティ
- 27. Modrewrite transparent書き換え
- 28. SWFObject Flash Playerスクリプト:Wode = Transparent?
- 29. Flash wmode transparent - 後ろをクリック
- 30. JQuery cross browser opacity(fadeTo)IE 7&8 png
あなたが一番上にある大きな円のようにそれを行うことはできませんなぜ?特別な理由がある場合は、より良い回答を得るために指定してください – bPratik
別の提案 円形画像のコピーを1つだけ作成することもできます(一度に1つの画像にしか表示されないため) 次に、画像上に置かれた画像のオフセットを設定することができます。 –