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

推薦する

MySQLインストール後のデフォルトデータベースの役割の詳細な説明

MySQL を学習すると、インストール後にいくつかのデフォルトのデータベースが付属していることに気付...

sqlite を mysql スクリプトに移行する方法

さっそく、コードを直接投稿します。具体的なコードは次のとおりです。 パーレル # # https:/...

MySQL のバイナリおよび varbinary データ型の詳細な説明

序文BINARY と VARBINARY は、文字列ではなくバイナリ文字列を格納する点を除いて、CH...

きちんとした標準的なHTMLタグの書き方を学ぶ

優れた HTML コードは美しい Web サイトの基礎となります。私が CSS を教えるときは、まず...

WeChatアプレットのスクロールビューが左右にスライドできない問題を解決する方法

私は現在、自分自身の小さなプログラム プロジェクトに取り組んでいます。プロフェッショナルなフロントエ...

Navicat 8でMySQL用のデータベースを作成する方法

ウェブサイトを開発する場合、データを保存するためにデータベースを使用する必要があることがよくあります...

Server-U 14バージョンのインストールと使用方法

Server-Uソフトウェアの紹介Server-U は非常に強力なファイル マネージャーです。FTP...

HTML 選択タグにリンクを追加する 3 つの方法

最初のもの:コードをコピーコードは次のとおりです。 <html> <ヘッド>...

8 JSのreduce使用例とreduce操作方法

reduceメソッドは配列の反復メソッドです。 mapやfilterとは異なり、 reduceメソッ...

Ubuntu 上の MySQL における中国語文字化け問題の解決方法

問題を見つける最近 Django を学習しているのですが、MySQL データと組み合わせてデータを挿...

Vueプロジェクトでページジャンプを実装する方法

目次1. vue-cli デフォルト プロジェクトを作成する (babel のみを含む) 2. 作成...

WeChat アプレットカスタムタブバーステップ記録

目次1. はじめに2. タブバーのスタイルをカスタマイズする3. カスタムタブバーと関連設定を導入す...

Docker Alibaba Cloud RocketMQ 4.5.1 のデプロイプロセスの詳細な説明

検索ミラー docker 検索 rocketmq画像バージョンを表示他の画像を表示したい場合は、画像...

ブラウザのURLの前に小さなアイコンを表示する方法

多くのウェブサイトを閲覧すると、ブラウザのアドレスバーの前に小さなアイコンがあり、ブラウザのタブの位...

MySQL インデックスに関するヒントのまとめ

目次1. インデックスの基礎知識1.1 インデックスの利点1.2 インデックスの有用性1.3 インデ...