0

私はjquery初心者で、画像が所定の位置にとどまることに問題があります。画像の src 属性を取得し、「over」という属性の値に置き換える jquery-hover 関数があります。実際の画像置換は正しく機能しますが、マウス入力イベントが発生するたびに、ロールオーバー画像が y 軸の約 10% 下に表示されます。ロールオーバー画像が別の位置に表示されることなく、ある画像を別の画像と完全に重複する「置換」を探しています。関数は次のとおりです。

function createRollovers()
{
    var origImg ="";
    $(".swapImage").hover (
    function() {
        origImg = ($(this).attr("src"));
        $(this).attr("src", ($(this).attr("over")));
    },
    function() {
       $(this).attr("src", origImg);
    }
 );
}

HTML は次のとおりです。

<div id="rightSide">
    <img class="swapImage" over="images/principlesBar_hover.jpg"  src="images/principlesBar.jpg" />
    <img class="swapImage" over="images/processBar_hover.jpg"  src="images/processBar.jpg" />
    <img class="swapImage" over="images/productsBar_hover.jpg"  src="images/productsBar.jpg" />
</div>

より経験豊富な人がハートビートで見ることができるのは、非常に単純なことだと確信しています。助けてくれてありがとう。

4

2 に答える 2

0

はい、私はAtesに同意します。ただし、CSS ホバーは一部のブラウザー (IE6 など) のアンカー タグでのみ機能します。単純な JS でこれを実装する場合は、このリンクを確認できます。

于 2011-01-28T06:40:09.570 に答える
0

これには本当に JavaScript/jQuery は必要ありません。要素の背景画像を変更するには、CSS:hover疑似クラスを試してください。

于 2011-01-28T05:55:22.033 に答える