2

アンカー タグの列があります。これらには、水色が定義されているクラスがあります。

関数を作成したので、マウスがアンカー要素のいずれかにあると、アンカータグへの画像リンクが表示されます。

そして、選択したアンカー タグに別の色を追加したいと思います。そのため、ユーザーは列のどこに画像がリンクされているかを確認できます。ユーザーへの参照の詳細。

マウスオーバー機能に別の色のクラスを追加しましたが、うまくいきませんでした。そこで、これを解決する方法があれば教えていただきたいです。

アンカー タグを作成する関数と、それらに元の色を追加する関数があります。

for (i=0; i<numberOf; i++) {
        var param2Slider = document.createElement("a");
        param2Slider.id = 'sliderAnchor_'+i;
        sliderAnchorId = param2Slider.id;
        param2Slider.name = 'param2Slider';
        param2Slider.className = 'nav2Slider';
        document.getElementById('nav2Slider').appendChild(param2Slider);
    }

そして、マウスオーバーアクションを備えた私の機能:

function navigator2Slider(flatParam, directionParam) {

$('.nav2Slider').on('mouseover', function () {
    //$(this).attr('style').color='#29378F';
    nav2SliderName =  $(this).attr('id');
    nav2Id = nav2SliderName.split("_").pop();
    nav2Index = parseInt(nav2Id);
        $('#'+flatParam+'Stream').cycle(nav2Index);
        $('#'+directionParam+'Stream').cycle(nav2Index);            
});

}

両方の関数に新しい色を追加しようとしましたが、最初の問題は、最初のアンカー タグに追加しても色が表示されないことです。次に、選択したアンカータグに色を付けたいので、マウスオーバー機能に追加する必要があると思います。

どんな提案でも大歓迎です。

4

2 に答える 2

3

.css色を設定するために使用します。

$(this).css('background-color', '#29378F');

サンプルとして:

http://jsfiddle.net/qVNen/

http://api.jquery.com/css/

于 2013-02-08T14:00:27.763 に答える
1

ホバー時に CSS のスタイルを変更したいだけの場合は、:hover

a:hover{
  /* insert your css changes */
}

:hover CSS 疑似クラスは、ユーザーが要素をポインティング デバイスで指定したときに一致しますが、必ずしもそれをアクティブにするわけではありません。

例

于 2013-02-08T14:04:37.670 に答える