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 でシンタックスシュガーを設定する

推薦する

JSブラウザストレージの詳しい説明

目次導入クッキークッキーとはクッキー生成方法クッキーの適用シナリオクッキーのデメリット回避策ローカル...

fastdfs+nginxクラスタ構築の実装

1. fastdfs の紹介1. fastdfsとは何かFastdfs は軽量のオープンソース分散フ...

JavaScript のコールバック関数の理解と使用

目次概要コールバックまたは高階関数とは何ですか?コールバック関数はどのように機能しますか?コールバッ...

CSS3 の Flex レイアウトの詳細な分析

Flexbox レイアウト モジュールは、コンテナー内のスペースをより効率的に配分する方法を提供する...

nginx 設定ファイルパスとリソースファイルパスを表示する方法

nginx 設定ファイルのパスを表示する nginx -t 経由nginx -t コマンドの本来の機...

Windows Server 2012 でファイル サーバーを構築するための詳細な手順

ファイル サーバーは、企業内で最も一般的に使用されるサーバーの一つであり、主にファイル共有を提供する...

MySql 8.0.11 のインストールと設定のチュートリアル

公式ウェブサイトアドレス: https://dev.mysql.com/downloads/mysq...

jsを使用してサーバーに写真をアップロードする

この記事の例では、参考のために画像をサーバーにアップロードするためのjsの具体的なコードを共有してい...

CSS セレクターの重みの理解(個人テスト)

コードをコピーコードは次のとおりです。 <スタイル タイプ="text/css&qu...

MySQL が my.cnf を読み込む順序の詳細

目次MySQLがmy.cnfを読み込む順序1. mysql.server の起動方法2. mysql...

MySQL explain クエリ命令情報の取得原理と例

explain はクエリ実行プラン情報を取得するために使用されます。 1. 文法次のように、sele...

Linux/Mac に MySQL をインストールするときにパスワードを忘れた場合の解決策

序文この記事では主に、Linux/Mac に MySQL をインストールするときにパスワードを忘れた...

HTML でフレームセット タグを使用するチュートリアル

フレームセット ページは通常の Web ページとは多少異なります。依然として <HTML>...

MySQL の挿入ステートメントの使用実体験

目次1. 挿入のいくつかの構文1-1. 通常の挿入文1-2. 挿入または更新1-3. 挿入または交換...