0

別のページへのリンクをクリックするたびに Web サイトがフェードインおよびフェードアウトするように取り組んでいます。これを行うにはjQueryを使用する必要があります。すべてのページに jQuery コードを配置する必要がありますか、それとも jQuery を CSS スタイルシートに記述できますか? その場合、jQuery を受け入れるように CSS スタイルシートをフォーマットするにはどうすればよいですか?

このフォーラム投稿のコードを試しています:ページ間のフェードアウト – CSS-Tricks

コメントに基づいて質問に編集

これで、JavaScript を CSS ファイルに入れることができないことがわかりました。サイト内のすべてのページに適用される JavaScript コードを配置する最良の方法は何ですか? この遷移コードを書きたいので、すべてのページに書き込んだり編集したりする必要はありません。

4

2 に答える 2

1

JavaScript を拡張子 . のファイルに保存し.jsますmain.js。次に、URL から CSS ファイルにアクセスできるのと同様の方法で、公開 URL を指定します。URL の例: http://example.com/js/main.js。jsサーバー上のフォルダー内のフォルダーに配置することで、それを行うことができpublic_htmlます-サーバーによって異なります.

次に、各ページの HTML の末尾付近の のすぐ上</body>に、次の HTML タグを追加します。

<script src="/js/main.js"></script>

属性を持つscriptタグはsrc、指定された URL で JavaScript をロードし、すぐに実行します。

スクリプトは、スクリプトの実行中にページの残りの部分が読み込まれてユーザーに表示されるのを防ぐため、<body>要素内ではなく要素の最後に配置することをお勧めします。<head>ページの最後でのみスクリプトを実行するようにすると、ページは既に読み込まれており、ユーザーはそのコンテンツをすべて見ることができます。

于 2013-07-29T18:58:15.510 に答える