1

私は、表示するときにスライダーにスタイルを追加する単純な JavaScript を持っていますが、次のスライダーが来たときにスタイルを削除し、マウスオーバーで両方のスタイルを削除したいと考えています。

これは、style="width: 200px" を新しいスライダーに追加し、style="width: 200px" を古いスライダーに追加する JavaScript 関数です。

function test(){
    var read = document.getElementById("slide-0") // how can i add here to read the incremented slide-0, slide-1, slide-2
        .removeAttribute("style",0);
}

    function noEffect(pOld,pNew){

        if (pOld){
            pOld.style.width='10px';
        }

        if (pNew){
            pNew.style.width='200px'; //this style become on active slider.
        }
    }

スライダーhtml

<div class="slider" onMouseOver="test()">
<ul>
<li id="slide-0" class="slide" style="width: 10px"><img src="image.jpg"></li>
<li id="slide-1" class="slide" style="width: 200px"><img src="image.jpg"></li> <!-- this is active now -->
</ul>
</div>

まさに私が欲しいのは、マウスオーバーで両方のスタイルを削除することです。

どんな助けでも大歓迎です。

4

2 に答える 2

3

特定0px

pOld.style.width='0px';
于 2013-06-29T12:27:49.487 に答える