写在css中的hover方法想改为jQ的写法。。

.galleria-thumbnails .galleria-image:hover{
    border:1px solid #78c500;
}

解决方案 »

  1.   

    $("#控件ID").hover(
      function () {
        $(this).addClass(".galleria-thumbnails .galleria-image");
      },
      function () {
        $(this).removeClass(".galleria-thumbnails .galleria-image");
      }
    );
    当鼠标移动到一个匹配的元素上面时，会触发指定的第一个函数。当鼠标移出这个元素时，会触发指定的第二个函数
      

  2.   


    <!DOCTYPE HTML>
    <html>
    <head>
    <meta charset="gb2312" />
    <title></title>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <style>
    .a {
    color:red;
    }
    </style>
    </head>
    <body>
    <div id="a">123</div>
    <script>
    $('#a').hover(function(){
    $(this).addClass('a')
    }, function(){
    $(this).removeClass('a')
    })
    </script>
    </body>
    </html>参考下
      

  3.   

    <!DOCTYPE HTML>
    <html>
        <head>
            <meta charset="gb2312" />
            <title></title>    
            <script src="http://code.jquery.com/jquery-latest.js"></script>
            <style>
                .galleria-thumbnails .galleria-image.hover {
                    border:1px solid #78c500;
                }
            </style>
        </head>
        <body>
            <div id="a">123</div>
            <script>
                $(".galleria-thumbnails .galleria-image").hover(function(){
    $(this).toggleClass("hover");
    });
            </script>
        </body>
    </html>
      

  4.   

    $("#控件ID").hover(
      function () {
      $(this).addClass(".galleria-thumbnails .galleria-image");
      },
      function () {
      $(this).removeClass(".galleria-thumbnails .galleria-image");
      }
    );
    当鼠标移动到一个匹配的元素上面时，会触发指定的第一个函数。当鼠标移出这个元素时，会触发指定的第二个函数 完全正确 建议楼主买本书看看 jq确实方便