0

私が知っている: 事実上 JavaScript はありません 基本的な HTML と CSS

だから - 私の目標:カーソルがdivまたは画像の上にあるときだけ、短いテキスト行をカーソルに追従させます。カーソルが div または画像の上にない場合、テキストがどこにも表示されないようにします。

jsFiddle ページで似たようなものを見つけ、それから次の .html および .css ファイルを作成しました。

.html ファイル:

<!DOCTYPE html>
<html>
<head>

<link href="css/lern.css" rel="stylesheet" type="text/css" />

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

<script type="text/javascript">
$(function(){
    $(index.html).bind('mousemove', function(e){
        $('#tail').css({
           left:  e.pageX + 5,
           top:   e.pageY - 20
        });
    });​
});
</script>

</head>

<body>



<div id="tail">
    <p>Farewell</p>
    <p>N.C. Hunter Hayden</p>
</div>​


</body>
</html>

.css ファイル:

@charset "UTF-8";
/* CSS Document */

#tail
{
position: absolute;
}

これは出力です：

さようなら

NCハンター・ヘイデン

私のような緑の男に時間をかけて辛抱強く説明したい人がいれば、それは大歓迎です. 他にやるべきことがあれば、私は完全に理解しています。一日にやるべきことがたくさんあります。

私が持っているすべての情報を提供したと思いますが、さらに必要な場合はお尋ねください.

とにかく、少なくともここまで読んでくれてありがとう。あなたは素晴らしいです。がんばり続ける！

すてきな一日を。そして明日もいいものを持ってください。

-Oijl

4

1 に答える 1

2

に変更index.htmlするだけdocumentです。

ファイル名でドキュメントを選択するのではなく、実際のセレクターでドキュメントを選択します。

ここでそれが実行されます。

于 2012-08-06T21:41:48.490 に答える