JQuery图像选择

时间:2012-06-03 00:18:31

标签: jquery css

这应该是非常自我解释的,任何帮助都非常感谢!

Jquery代码

    $("#larrow img").hide();
    $("#rarrow img").hide();

    $("#rarrow").hover(arrowIn,arrowOut);
    $("#larrow").hover(arrowIn,arrowOut);

    function arrowIn()
    {
    $(this+" img").show()
    }
    function arrowOut()
    {
    $(this+" img").hide()
    }

我也尝试用img作为背景

    $("#larrow").css('visibility','hidden');
    $("#rarrow").css('visibility','hidden');

    $("#rarrow").hover(arrowIn,arrowOut);
    $("#larrow").hover(arrowIn,arrowOut);

    function arrowIn()
    {
    $(this).css('visibility','visible')
    }
    function arrowOut()
    {
    $(this).css('visibility','hidden')
    }

显然无济于事,谢谢你的帮助!

2 个答案:

答案 0 :(得分:2)

您无法将thisimg选择器连接起来。无论如何,这段代码可能更短:

function arrow() {
    $("img", this).toggle();
}

$("#larrow img, #rarrow img").hide();
$("#rarrow, #larrow").hover(arrow);

DEMO: http://jsfiddle.net/4fHL3/

答案 1 :(得分:1)

由于你没有发布Html,你可以试试这个:

function arrowIn()
{
    $(this).show();
}
function arrowOut()
{
    $(this).hide();
}

OR

function arrowIn()
{
    $('img', this).show();
}
function arrowOut()
{
    $('img', this).hide();
}