0

ここに私の最初のコードを書くので、私の無能さを我慢してください。シンプルな 1 ページのドリーム キャッチャー アプリを作成しています。すべて正しく書いたと思いますが、ページを読み込んでもテキストが消えません。

HTML:

<!DOCTYPE html>
<html>
    <head>
        <link type="text/css" rel="stylesheet" href="stylesheet.css"/>
        <title>DreamCatcher</title>
        <script type="text/javascript" src="script.js"></script>
    </head>
    <body>
        <p class="heading">Your Personal <span>Digital<span> Dreamcatcher</p>
        <img src="http://www.eastofthesun.com/pi7/images/dreamcatcher21.gif" class="pic">
    </body>
</html>

JavaScript:

$(document).ready(function() {
    $('.heading').fadeOut(2500);
});

CSS（おそらく無関係）：

@font-face{
    font-family:"Beowulf";
    src:url('C:/Users/JGSACKIN/Documents/Fonts/BEOWULF_.eot');
    src:local('BEOWULF_'), url('C:/Users/JGSACKIN/Documents/Fonts/BEOWULF_.ttf') format(truetype), url('C:/Users/JGSACKIN/Documents/Fonts/BEOWULF_.svg') format(svg);
}

.heading{
    font-family: Beowulf;
    text-align: center;
    font-size:50px;
    -webkit-opacity:1;
    opacity:1;
    -webkit-transition: all 3s ease;
    transition: all 3s ease;
}

.pic{
    display:block;
    margin-left:auto;
    margin-right:auto;
    width:25%;
    height:25%;
}

ここで私はどこを台無しにしていますか？

4

1 に答える 1

1

まず、jQuery を参照している場所がわからないので、それを追加しましょう。<script>現在のタグの上に次の行を追加します。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>

jQuery DOM 対応関数も<script>タグに含める必要があります。

<script>
    $(document).ready(function() {
        $('.heading').fadeOut(2500);
    });
</script>
于 2013-06-28T16:48:46.957 に答える