function show_hoverImage() {
var w = $(window).width(); if(w > 1100) { $("body").on("mouseenter mouseleave", ".itemWraper", function(ev) { if(ev.type === "mouseenter") { $(".preH", this).css({"visibility": "hidden"}); $(".itemcHover", this).css({"visibility": "visible"}); }else{ $(".preH", this).css({"visibility": "visible"}); $(".itemcHover", this).css({"visibility": "hidden"}); } }); $("body").on("mouseenter mouseleave", ".socialMarkF", function(ev) { if(ev.type === "mouseenter") { $(".snsN", this).css({"display": "none"}); $(".snsH", this).css({"display": "block"}); }else{ $(".snsN", this).css({"display": "block"}); $(".snsH", this).css({"display": "none"}); } }); $("body").on("mouseenter mouseleave", ".socialMarkT", function(ev) { if(ev.type === "mouseenter") { $(".snsN", this).css({"display": "none"}); $(".snsH", this).css({"display": "block"}); }else{ $(".snsN", this).css({"display": "block"}); $(".snsH", this).css({"display": "none"}); } }); }else if(w < 1100){ $(".itemcHover", this).css({"display": "none"}); } } $(window).resize(function() { show_hoverImage(); }).trigger("resize");
上記のコードでは、ロード時はwidth 1100以下だとmouseenterした時には画像は表示されません。
しかし、一度windowサイズを1100以上にすると、windowサイズを1100以下にしても,
mouseenterした時に画像が表示されてしまいます。windowをリサイズするごとに画像の表示を変更させるにはどうすればいいですか?
教えて頂けたら幸いです。よろしくお願いします。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2015/07/27 00:32