jQueryで色が変更されたページにいくつかのボタンがあり、どのボタンがアクティブであるかを示しています。ホバリング時にのみ色の変更を加えたいと思っています。その後、残ったときに元の色に戻ります(これはjQueryによって指示されます)。jQueryの色を変更してから元の色に戻す
私は、ページが切り替わり、jQueryが色を変えるときを除いて、CSSを上書きする以外は、最初はCSS:.showlink li:hover {color:#aaa;}
を使いました。
次に、何かに触れたときに色を変えるという単純なjQueryを使用することにしました。これは永久に色を変えるので完全には機能しません。これを軽減するために、別の色に戻す関数に少し追加しました。
ホバー上で変更される前から元の色に戻すことができますか?
// Changes color on hover
$(function() {
$('.showlink').hover(function(){
$(this).css('color', '#aaa');
},
function(){
$(this).css('color', '#f3f3f3');
});
});
//Changes color depending on which page is active, fades that page in
$(function(){
$('#show_one').css('color', '#ffcb06');
$('#two, #three').hide();
});
$('.showlink').click(function(){
$('.showlink').css('color', '#f3f3f3');
$(this).css('color', '#ffcb06');
var toShow = this.id.substr(5);
$('div.page:visible').fadeOut(600, function(){
$('#' + toShow).fadeIn(600);
});
});
もし問題なければ、スタイル属性を削除してください:$(this).removeAttr( 'style'); – sled