按钮的简单JavaScript代码在任何浏览器中都不起作用

我试图为我的网站上的按钮制作一个小脚本，但它在任何浏览器中都不起作用。按钮的简单JavaScript代码在任何浏览器中都不起作用

我不明白为什么它不起作用。你们可以看看它，看看有什么不对。

这是HTML：

<!DOCTYPE html> 
<html> 
    <head> 
     <title>Button Magic</title> 
     <link rel='stylesheet' type='text/css' href='stylesheet.css'/> 
     <script type="text/javascript" src="script.js"></script> 
    </head> 
    <body> 
    <div><br/><strong>Click Me!</strong></div> 
    </body> 
</html>

这是CSS：

div { 
    height: 60px; 
    width: 100px; 
    border-radius: 5px; 
    background-color: #69D2E7; 
    text-align: center; 
    color: #FFFFFF; 
    font-family: Verdana, Arial, Sans-Serif; 
    opacity: 0.25; 
}

这是JavaScript：

$(document).ready(function(){ 
    $('div').mouseenter(function() { 
     $('div').fadeTo('slow', 1); 
    }); 

    $('div').mouseleave(function() { 
     $('div').fadeTo('slow', 0.25); 
    }); 

});

在此先感谢！

来源

2013-11-23 user3024879

您需要将jquery.js添加到您的页面。

<!DOCTYPE html> 
<html> 
    <head> 
     <title>Button Magic</title> 
     <link rel='stylesheet' type='text/css' href='stylesheet.css'/> 
     <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
     <script type="text/javascript" src="script.js"></script> 
    </head> 
    <body> 
    <div><br/><strong>Click Me!</strong></div> 
    </body> 
</html>

请注意，上面的示例使用了Google CDN中的jQuery 1.10.2副本。如果需要，您可以将其修改为不同的版本。

来源

2013-11-23 12:56:15

非常感谢罗伊！ – user3024879

我如何知道我必须使用哪个版本？ – user3024879

除非您有一些您需要支持的特定功能，否则您应该始终使用最新版本。 –

按钮的简单JavaScript代码在任何浏览器中都不起作用

回答

相关问题