ホームページ > ウェブフロントエンド > jsチュートリアル > jQueryを使用して小さな広告を動的に追加する方法の詳細な説明

jQueryを使用して小さな広告を動的に追加する方法の詳細な説明

小云云
リリース: 2018-01-01 10:56:15
オリジナル
2324 人が閲覧しました

Web サイトを閲覧すると、Web サイトによっては常に右下隅、左上隅、またはその他の場所に広告が配置されます。この記事では主にjQueryを使って小さな広告を動的に追加する記事をお届けします。編集者はこれが非常に良いものだと思ったので、皆さんの参考として今から共有します。編集者をフォローして見てみましょう。皆さんのお役に立てれば幸いです。

jQueryを使用して自分で作成しようとしました。コードは次のとおりです。何か間違っている場合は、お知らせください。

レンダリングは次のとおりです。考え:

1 . 「5 秒で閉じる」と「4 秒で閉じる」までカウントダウンするタイマーを追加して、この広告は一時的に開始されるだけで、5 秒後に自動的に閉じられることをユーザーに伝えることができます。これにより、ユーザー エクスペリエンスが向上します。ウェブサイトを閲覧するときに、広告が常に目の前に表示されることがありますが、これは広告主とユーザー エクスペリエンスのバランスが非常に悪い場合があります。その理由は次のとおりです。背景色はオレンジです。個人的な経験から言えば、広告の背景色が暖色であれば、背景色が冷たい広告に比べて、しばらくそのままにしておく傾向にあるからです。

3. もちろん、これは単なる小さなコードであり、マスターはその後コンテンツを完成させ、カプセル化することができ、間違いなくより使いやすくなります。

関連する推奨事項:

広告バナーのスクロール効果の例の共有の jQuery 実装


jQuery を使用してページ上のポップアップ広告効果のタイミングを調整する機能を実装する

ループを実現する方法に関する Javascript チュートリアル広告ストリップ効果

以上がjQueryを使用して小さな広告を動的に追加する方法の詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート