ホームページ ウェブフロントエンド jsチュートリアル JavaScript_javascript スキルを使用して Web ページにフローティング広告を実装する簡単な方法

JavaScript_javascript スキルを使用して Web ページにフローティング広告を実装する簡単な方法

May 16, 2016 pm 05:32 PM
宣伝する 浮く ウェブページ

インターネットの中を歩き回っていると、インターネットが情報の海であるだけでなく、広告の海でもあることがわかります。通常の Gif バナーや Flash に加えて、フローティング広告も、今日インターネット上で最も人気のある広告形式の 1 つです。ブラウザのスクロール バーをドラッグすると、ページ上のこの種のフローティング広告が画面とともに移動します。この効果は広告表示にはかなりの実用的価値がありますが、Web ページを閲覧するユーザーにとっては、読書の妨げになるだけでなく、読書の興味にも影響を与えるものであるため、悪用してはなりません。ただし、賢く使えば非常に便利です。


JS の基本的な知識があれば、自分でエフェクトを作成することもできます。書くのが面倒な場合は、特殊効果ツールをオンラインでダウンロードして貼り付けてください。プロンプトに従ってコードを入力します。ただし、その作成方法を本当に理解したい場合は、JS の知識を習得する必要があります。ここでは簡単なフローティング広告の方法を紹介します。

次のコードは の間に配置できます。その間にいくつかのコメントを追加しました (つまり、「//」の後のテキストと「」の間のテキスト) )。

コードをコピー コードは次のとおりです:


ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

EdgeブラウザのショートカットとしてWebページをデスクトップに送信するにはどうすればよいですか? EdgeブラウザのショートカットとしてWebページをデスクトップに送信するにはどうすればよいですか? Mar 14, 2024 pm 05:22 PM

Edge ブラウザのショートカットとして Web ページをデスクトップに送信するにはどうすればよいですか?多くのユーザーは、アクセスページを直接開くことができるように、頻繁に使用する Web ページをデスクトップにショートカットとして表示したいと考えていますが、その方法がわかりません。この問題に応えて、この号の編集者は大多数のユーザーが解決策を考えているので、今日のソフトウェア チュートリアルで共有されているコンテンツを見てみましょう。 Edge ブラウザで Web ページをデスクトップに送信するショートカット方法: 1. ソフトウェアを開き、ページ上の「...」ボタンをクリックします。 2. ドロップダウン メニュー オプションから [アプリケーション] で [このサイトをアプリケーションとしてインストールする] を選択します。 3. 最後に、ポップアップウィンドウでそれをクリックします

Webページの自動更新を設定する方法 Webページの自動更新を設定する方法 Oct 26, 2023 am 10:52 AM

Web ページの自動更新を設定するには、HTML の「meta」タグ、JavaScript の「setTimeout」関数、「setInterval」関数、または HTTP の「Refresh」ヘッダーを使用できます。詳細な紹介: 1. HTML の「meta」タグを使用します。HTML ドキュメントの「<head>」タグで、「meta」タグを使用して Web ページの自動更新を設定できます。2. 「setTimeout」 JavaScriptの「機能」など

Web ページ上の画像を読み込めない場合はどうすればよいですか? 6つのソリューション Web ページ上の画像を読み込めない場合はどうすればよいですか? 6つのソリューション Mar 15, 2024 am 10:30 AM

一部のネチズンは、ブラウザの Web ページを開いたときに、Web ページ上の画像が長時間読み込めないことに気づきました。何が起こったのでしょうか?ネットワークは正常であることを確認しましたが、どこに問題があるのでしょうか?以下のエディタでは、Web ページの画像が読み込めない問題に対する 6 つの解決策を紹介します。 Web ページの画像を読み込めない: 1. インターネット速度の問題 Web ページに画像が表示されません。これは、コンピュータのインターネット速度が比較的遅く、コンピュータ上で開いているソフトウェアが多いためと考えられます。また、アクセスする画像が比較的大きいため、読み込みタイムアウトが原因である可能性があります。その結果、画像が表示されません。ネットワーク速度をより多く消費するソフトウェアをオフにすることができます。タスク マネージャーに移動して確認できます。 2. 訪問者が多すぎる Web ページに写真が表示されない場合は、訪問した Web ページが同時に訪問されたことが原因である可能性があります。

ネットワーク接続は正常であるにもかかわらず、ブラウザが Web ページにアクセスできない場合の考えられる理由 ネットワーク接続は正常であるにもかかわらず、ブラウザが Web ページにアクセスできない場合の考えられる理由 Feb 19, 2024 pm 03:45 PM

ブラウザは Web ページを開けませんが、ネットワークは正常です。多くの理由が考えられます。この問題が発生した場合は、段階的に調査して具体的な原因を特定し、問題を解決する必要があります。まず、Web ページを開けないのは特定のブラウザに限定されているのか、それともすべてのブラウザで Web ページを開けないのかを判断します。 1 つのブラウザだけで Web ページを開けない場合は、テストのために Google Chrome、Firefox などの他のブラウザを使用してみることができます。他のブラウザでページを正しく開くことができる場合、問題はその特定のブラウザにある可能性があります。

360 ブラウザによって推奨される広告をオフにするにはどうすればよいですか? PC で 360 ブラウザによって推奨される広告をオフにする方法は? 360 ブラウザによって推奨される広告をオフにするにはどうすればよいですか? PC で 360 ブラウザによって推奨される広告をオフにする方法は? Mar 14, 2024 am 09:16 AM

360 ブラウザによって推奨される広告をオフにするにはどうすればよいですか?多くのユーザーが 360 ブラウザを使用していると思いますが、このブラウザは時々広告が表示され、多くのユーザーを悩ませています. このサイトでは、お使いのコンピュータで 360 ブラウザが推奨する広告をオフにする方法をユーザーに丁寧に紹介します。コンピュータ上の 360 ブラウザによって推奨される広告をオフにするにはどうすればよいですか?方法 1: 1. 360 セーフ ブラウザを開きます。 2. 右上隅にある「3 本の横棒」のロゴを見つけて、[設定] をクリックします。 3. ポップアップインターフェースの左側のタスクバーで[ラボ]を見つけ、[「360ホットスポット情報」機能を有効にする]にチェックを入れます。方法 2: 1. まずダブルクリックします。

Webページが開けない場合の対処法 Webページが開けない場合の対処法 Feb 21, 2024 am 10:24 AM

Web ページが開かない問題を解決する方法 インターネットの急速な発展に伴い、人々は情報を取得し、通信し、娯楽するためにますますインターネットに依存するようになりました。しかし、時々Webページが開けないという問題に遭遇し、多くのトラブルを引き起こします。この記事では、Web ページが開かない問題を解決するための一般的な方法をいくつか紹介します。まず、Web ページを開けない理由を特定する必要があります。考えられる原因には、ネットワークの問題、サーバーの問題、ブラウザの設定の問題などが含まれます。以下にいくつかの解決策を示します: ネットワーク接続を確認します: まず、

新しいバージョンの Edge で広告をオフにする方法は? Edge のパーソナライズされた広告をブロックする方法 新しいバージョンの Edge で広告をオフにする方法は? Edge のパーソナライズされた広告をブロックする方法 Mar 14, 2024 am 11:37 AM

Edge ブラウザをアップデートした後、多くのユーザーは、新しいタブ ページの下部に複数の Web サイトへのリンクがあり、広告という文字がマークされるなど、インターフェースに広告が多く表示され、非常に煩わしいと感じました。 Edge ブラウザでパーソナライズされた広告をオフにする方法はありますか?編集者がインターネットでいろいろな方法を調べたので、広告を消すちょっとした裏ワザを紹介します。新しいバージョンの Edge で広告をオフにする方法は? 1. Edge ブラウザを開きます。 2. 右上隅の[•••]をクリックします。 3. [設定]をクリックします。 4. [プライバシー、検索、サービス]をクリックします。 5. 「Web エクスペリエンスの個人設定」の右側にあるスイッチをオフにして、Microsoft がプッシュする個人設定をオフにします。

モーメントで広告を完全にオフにする方法 モーメントで広告を完全にオフにする方法 Mar 03, 2024 pm 12:31 PM

ユーザーがモーメントを閲覧すると大量の広告が表示されますが、広告を完全にオフにするにはどうすればよいでしょうか?ユーザーは、[マイ] の [設定] をクリックし、[個人情報と権限] を見つけて、[パーソナライズされた広告管理] をクリックして、広告のパーソナライズをオフにする必要があります。この記事ではモーメントの広告を完全にオフにする方法を紹介しますので、ぜひ参考にしてください。 WeChat の使い方チュートリアル: モーメントの広告を完全にオフにする方法? 回答: 完全にオフにすることはできません。オフにできるのはパーソナライズされたおすすめのみです。 具体的な方法: 1. まず、[私] をクリックして、その中の設定を見つけます。 2. 個人情報と権限のオプションを見つけます。 3. 内部のパーソナライズされた広告管理機能をクリックします。 4. 広告のカスタマイズの右側にあるスイッチをクリックしてオフにします。広告をオフにする方法: 1. モーメントで広告を見つけます。 2.右クリック

See all articles