HTML(divレイヤー)を介してFLASHにリンクを追加するための実装コード

HTML(divレイヤー)を介してFLASHにリンクを追加するための実装コード
今日、クライアントが広告を掲載したいのですが、提供された素材は Flash です。私たちはあまり気に入らないのですが、クライアントは Flash が好きで、一部のブラウザやソフトウェアが Flash に付属するリンクをブロックすることを恐れているため、私たちにできることは何もありません。HTML でリンクを追加する必要があります。そうしないと、ブロックされて効果が得られません。結果はご存じでしょう。

数年前、他の人のメンテナンスを手伝っていたときにこれをやったのですが、長い間やっておらず、慣れていないと感じていました。困っている友人の便宜のために、ここで特別に整理しました。皆さんが 123WORDPRESS.COM をサポートしてくれることを願っています。

以下は完全なコードです。Flash ファイルは比較的大きいため、広告の読み込みには iframe を使用します。

XML/HTML コードコンテンツをクリップボードにコピー
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >   
  2. < html   xmlns = "http://www.w3.org/1999/xhtml" >   
  3. <ヘッド>   
  4. <メタ  http-equiv = "コンテンツタイプ"  コンテンツ= "text/html; 文字セット = gb2312"   />   
  5. < title >フラッシュプラス link_123WORDPRESS.COM 限定</ title >   
  6. <スタイル タイプ= "text/css" >   
  7. <!--
  8. 体 {
  9. 位置:相対;
  10. zインデックス:0;
  11. マージン:0; パディング:0
  12. }
  13. 本文、td、th {
  14. 色: #333333;
  15. }
  16. *{マージン:0; パディング:0}
  17. 画像{ 境界:0}
  18. #jb51{ 位置:相対; 幅:300ピクセル; 高さ:250ピクセル}
  19. #div1 {
  20. 位置:絶対;
  21. 左:0;
  22. トップ:0;
  23. 幅:300ピクセル;
  24. 高さ:250px; zインデックス:-1
  25.   
  26. }
  27. #div2 {
  28. 位置:絶対;
  29. 左:0;
  30. トップ:0;
  31. 幅:300ピクセル;
  32. 高さ:250px;
  33. zインデックス:99999;
  34. }
  35. #div2 a:link{ display:block; 幅:300px; 高さ:250px}
  36. -- >   
  37. </スタイル> </ヘッド>   
  38. <本文>   
  39. < div   id = "jb51" >   
  40. < div   id = "div1" >   
  41. <スクリプト タイプ= "text/javascript" >   
  42. document.write(' <オブジェクト クラスID = "clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"  コードベース= "http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"  = "300"  高さ= "250" > ');
  43. document.write(' <パラメータ 名前= "映画"  = "http://img.jb51.net/image/22cn_jb51net.swf"   // ');
  44. document.write(' <パラメータ 名前= "品質"  = "高"   /> <パラメータ 名前= "wmode"  = "不透明"   // ');
  45. document.write(' <埋め込み  src = "http://img.jb51.net/image/22cn_jb51net.swf"  品質= 「高」  プラグインページ= "http://www.macromedia.com/go/getflashplayer"  タイプ= "application/x-shockwave-flash"  = "300"  高さ= "250"   wmode = "不透明" > </埋め込み> ');
  46. document.write(' </オブジェクト> ');
  47. </スクリプト>   
  48. </div>   
  49. < div   id = "div2" >   
  50. <   href = "https://www.jb51.net"  ターゲット= "_blank" > <画像  src = "http://img.jb51.net/image/touming.png"  = "300"  高さ= "250"   </a>   
  51. </div>   
  52. </div>   
  53. </本文>   
  54. </html>   
現在、広告マネージャーは使いにくく、Baiduマネージャーは他の資料を停止し、cnzzは360によってブロックされ、googleのアクセスは遅くなっています。舞台裏に入るのは簡単ではありません。自分のサーバーに置く以外に選択肢はありません。

いくつかの点を説明する必要があります:

<img src="http://img.jb51.net/image/touming.png" width="300" height="250" />ここでの touming.png は 1 ピクセルの透明な png ファイルです。画像が必要ない場合、IE ではリンクが間違って表示されます。

もちろん、CSS スタイルが最も重要で、最初に position:relative、次に position:absolute; です。

その後、インターネット上で他の誰かが提供した方法を見ました。ボタンを介して実装されていましたが、新しいウィンドウを開くことができませんでした。それも提供してください。弊社の製品が役に立たないと思われる場合は、アップデートするために弊社までご連絡ください。 よろしくお願いいたします。

XML/HTML コードコンテンツをクリップボードにコピー
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >   
  2. < html   xmlns = "http://www.w3.org/1999/xhtml" >   
  3. <ヘッド>   
  4. <メタ  http-equiv = "コンテンツタイプ"  コンテンツ= "text/html; 文字セット = utf-8"   />   
  5. < title >無題の文書</ title >   
  6. <スタイル タイプ= "text/css" >   
  7. <!--
  8. 体 {
  9. 位置:相対;
  10. zインデックス:0;
  11. マージン:0; パディング:0
  12. }
  13. 本文、td、th {
  14. 色: #333333;
  15. }
  16. *{マージン:0; パディング:0}
  17. 画像{ 境界:0}
  18. #jb51{ 位置:相対; 幅:300ピクセル; 高さ:250ピクセル}
  19. #div1 {
  20. 位置:絶対;
  21. 左:0;
  22. トップ:0;
  23. 幅:300ピクセル;
  24. 高さ:250px; zインデックス:-1
  25.   
  26. }
  27. #div2 {
  28. 位置:絶対;
  29. 左:0;
  30. トップ:0;
  31. 幅:300ピクセル;
  32. 高さ:250px;
  33. zインデックス:99999;
  34. }
  35. -- >   
  36. </スタイル>   
  37. </ヘッド>   
  38. <本文>   
  39. <ボタン スタイル= "幅:300;高さ:250;背景:透明;境界線:o;パディング:0;カーソル:手"   onclick = "window.location.href='http://s.jb51.net'" >     
  40. <オブジェクト クラスID = "clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"      
  41.         コードベース= "http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0"  = "100%"  高さ= "100%" >     
  42.               <パラメータ 名前= "映画"  = "http://img.jb51.net/image/22cn_jb51net.swf" >     
  43.               <パラメータ 名前= "品質"  = "高" >   
  44.               <パラメータ 名前= "wmode"  = "不透明"   />   
  45.               <埋め込み  src = "http://img.jb51.net/image/22cn_jb51net.swf"  = "300"  高さ= "250"  品質= 「高」  プラグインページ= "http://www.macromedia.com/go/getflashplayer"  タイプ= "application/x-shockwave-flash"   align = "中央"    wmode = "不透明" >     
  46.                 </埋め込み>     
  47.              </オブジェクト>     
  48. </ボタン>     
  49. </本文>   
  50. </html>   
さて、この記事はこれですべてです。基本的にはこれで十分でしょう。コメントを残すことを歓迎します。オリジナルは123WORDPRESS.COMより。

<<:  CSS ですべての子要素を選択し、スタイルを追加する方法

>>:  強くお勧めします! Vue 3.2 でシンタックスシュガーを設定する

推薦する

json.stringify() と json.parse() の違いと使い方

1. JSON.stringify() と JSON.parse() の違い私たちは皆、JSON.s...

JSONオブジェクトのキーを置き換える最良の方法

JSON (JavaScript Object Notation、JS Object Notatio...

Vueはグラフィック検証コードを実装する

この記事の例では、グラフィック検証コードを実装するためのVueの具体的なコードを参考までに共有してい...

Jenkins+tomcat の自動ホットデプロイメント/再起動と発生した問題の解決策 (推奨)

1. 背景同社のプロジェクトは、これまでは手動で Maven でパッケージ化し、サーバーにアップロ...

シンプルなショッピングフォームを実装するJavaScript

この記事では、簡単なショッピングフォームを実装するためのJavaScriptの具体的なコードを参考ま...

MySQL トランザクション同時実行問題の解決

開発中にこのような問題に遭遇しましたビデオ視聴記録が 100 に更新されると、視聴されたことを意味し...

<td></td> タグの境界線スタイルがブラウザに表示されない問題の解決方法

質問: 360ブラウザの互換モードなど、一部のブラウザでは、 <td style="...

HTML にオーディオファイルを挿入してブラウザで再生する場合の互換性の問題

HTML にオーディオ ファイルを挿入した後 (mp3 ファイルを再生した後) に発生したいくつかの...

vue-nuxt ログイン認証の実装

目次導入リンク始めるコードを読み進めてくださいプロキシ設定傍受を要求する異なるプレフィックスを持つイ...

JavaScript で実装された 6 つの Web ページ画像カルーセル効果の詳細な説明

目次1. マウスがカルーセル モジュール上を通過すると、左右のボタンが表示され、モジュールを離れると...

MYSQL(電話番号、IDカード)データ非感応化の実装

1. データ感度低下の説明日常の開発ニーズでは、データの感度低下が頻繁に発生します。たとえば、ID ...

Vue ソング プログレス バーのサンプル コード

なお、これはvue-cliで作成したプロジェクトではありません。vue.jsを参照して記述したHTM...

Vue ソースコード学習でレスポンシブ性を実装する方法

目次序文1. レスポンシブシステムの重要な要素1. データの変更を監視する方法2. 依存関係を収集す...

MySQL の連結で複数の一重引用符と三重引用符を使用する際の問題

文字列を動的に連結する場合、文字連結を使用することが多いです。次のような連結の引用符の意味がわかりま...

Docker mongoDB 4.2.1 をインストールし、Springboot ログを収集する詳細な手順

1: dockerにmongodbをインストールするステップ1: dockerにmongodbをイン...