0

以下のコードをナビゲーションボタンのアイコン画像に設定しています。ボタンがアクティブになって別のアイコン画像を挿入したときにこのコードを変更するにはどうすればよいですか？jquerymobileを使用しています。ありがとう

.nav-glyphish-example .ui-btn .ui-btn-inner {
 padding-top: 40px !important; 
}
.nav-glyphish-example .ui-btn .ui-icon { 
width: 30px!important; 
height: 30px!important; 
margin-left: -15px !important; 
box-shadow: none!important; 
-moz-box-shadow: none!important;
-webkit-box-shadow: none!important;
-webkit-border-radius: 0 !important; border-radius: 0 !important; 
}

#home .ui-icon { 
background:  url(glyphish/icons/icons-gray/983-calendarblue@2x.png) 50% 50% no-repeat; 
background-size: 24px 22px; 
}
4

3 に答える 3

2 
#home .ui-icon { 
background:  url(normal.png) 50% 50% no-repeat; 
}
#home .ui-icon:active { 
background:  url(active.png) 50% 50% no-repeat; 
}
#home .ui-icon:hover { 
background:  url(hover.png) 50% 50% no-repeat; 
}
于 2012-08-26T22:09:54.667 に答える
1

アクティブとは正確には何を意味するのかわかりませんが、:activeセレクターを見てください

于 2012-08-26T22:11:41.560 に答える
0

css は JavaScript で動的に変更できます。以下のコードは、セレクターに一致する要素のイベントに
関数を追加します。マウスダウンイベントで背景画像を変更できます。 mousedown#home .ui-icon

jquery

$('#home .ui-icon').mousedown(function(){
  $(this).css('background-image','url(newurl)');
});

newurlを独自の URL ( glyphish/icons/icons-gray/983-calendarblue@2x.png など) に置き換えます。

于 2012-08-26T21:57:26.560 に答える