【问】Jquery 中的 mouseover和mouseout解决思路

2012-05-23

【问】Jquery 中的 mouseover和mouseout能举个关于切换样式的例子么谢谢[解决办法]HTML code!DOCTYPE HTML

【问】Jquery 中的 mouseover和mouseout
能举个关于切换样式的例子么谢谢

[解决办法]

HTML code

<!DOCTYPE HTML><html>    <head>        <meta charset="gb2312" />        <title></title>                <script src="http://code.jquery.com/jquery-latest.js"></script>        <style>            div {                width:100px; height:100px;                background:#eee;            }        </style>    </head>    <body>        <div id="test"></div>        <script>            $('#test').mouseover(function(){                $(this).css('backgroundColor', 'red');            }).mouseout(function(){                $(this).css('backgroundColor', '#eee');            })        </script>    </body></html>
[解决办法]
有现成的模拟hover伪类，何必费那个劲还加onmouseover和onmouseout？

HTML code<html>    <head>        <title>Jquery Hover</title>    </head>     <script src="http://code.jquery.com/jquery.js"></script>    <script>        $(function (){            $("button").hover(                function(){                    alert("do onMouseover");                },                function(){                    alert("do onMouseout");                }            );        })    </script>    <body>        <button>Button</button>    </body></html>
[解决办法]
上面已有答案了。

热点排行

JavaScript

【问】Jquery 中的 mouseover和mouseout解决思路