按钮的简单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);
    });

});

提前致谢！！

罗里·麦克罗森（Rory McCrossan）

您需要包括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的副本。如果需要，可以将其修改为其他版本。

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。