-2 
<!DOCTYPE html>
<html>
<head>
 <div id="header">
     <center><button type="button" onclick="JavaScript:prompt('so far sogood')">
  click</button></center>
  </div>

 <style type="text/css">                                 
#one{width:100%; height:100px;background-color:red;}
#two{width:100%; height:100px;background-color:green;}
#header{width:100%; height:100px;background-color:yellow;}
</style>
<script type="text/javascript">

$(document).ready(function(
{
$('.one').mouseenter(function()
{
$(this).fadeOut('slow'); 
});

$('.one').mouseleave(function()
    {
 $(this).fadeIn('fast');

}); 

});
</script>


 </head>
<body bgcolor="black">





<div id="one"><center>HELLO</center></div>
 <div id ="two">hello</div>
 </body>

看起来我的问题是我的 jquery 行在$(document)发生后立即开始。显然，在这发生之前我没有做正确的事情。我是 jquery 的新手，通常我使用外部 css 页面，所以会出现不同的格式

4

1 回答 1

2

您有语法错误：准备好的函数声明后缺少最后一个括号

$(document).ready(function( {

尝试

    <script type="text/javascript">
        $(document).ready(function() {
            $('.one').mouseenter(function() {
                $(this).fadeOut('slow');
            });

            $('.one').mouseleave(function() {
                $(this).fadeIn('fast');

            });

        });
    </script>

DEMO

于 2013-02-21T17:30:45.740 回答