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 での GROUP_CONCAT の使用例の分析

この記事では、例を使用して、MySQL で GROUP_CONCAT を使用する方法について説明しま...

Vue プロジェクトは、コードの暗号化と難読化を実装するために webpack-obfuscator を設定します。

背景会社のコードは第三者に提供され、利用されます。ソースコードが完全に漏洩しないようにするには、提供...

シームレスなカルーセル効果を実現するネイティブ js

参考までに、ネイティブjsでカルーセル効果(シームレススクロール)を実現しています。具体的な内容は以...

TomcatはLog4jを使用してcatalina.outログを出力します。

Tomcat のデフォルトのログは java.util.logging を使用しますが、これにはい...

ウェブページの読み込み速度を上げる6つのヒント

第二に、キーワードのランキングは、Webページの表示速度にも関係しています(参照:キーワードランキン...

@font-face を使用して Web ページに特殊文字を実装する (カスタム フォントを作成する)

数日前、CSS を使用して三角形の矢印を実装する方法について記事を書きました。 目的の効果は達成され...

Dockerにおけるオーバーレイネットワークの詳細な説明

Docker 公式ドキュメントからの翻訳、原文: https://docs.docker.com/n...

純粋な HTML+CSS でオリンピック リングを実装するためのサンプル コード

レンダリング コード - 青と黄色のリングを例に挙げます <div class="コ...

MySQLストアドプロシージャにおけるカーソル(DECLARE)の原理と使い方の詳細な説明

この記事では、例を使用して、MySQL ストアド プロシージャにおけるカーソル (DECLARE) ...

Debian 9 システムに MySQL データベースをインストールする方法

序文タイトルを見ると、誰もが「Debian 9 に MySQL をインストールするにはどうすればいい...

Centos7 での mysql 8.0.15 のインストールと設定

この記事では、参考までにMySQL 8.0.15のインストールと設定のグラフィックチュートリアルを紹...

忘れられたボタンタグ

注:この記事は他の人によって翻訳されていますが、考えるべき点が多く、理解しにくい点もあると感じていま...

Dockerコンテナが停止できない問題の解決方法

解決策は次のとおりです。 1. コンテナを強制削除する docker rm -f ジェンキンス2. ...

CentOS での Django プロジェクトのデプロイに関する詳細なチュートリアル

基本環境パゴダ設置サービスパゴダにインストールされた[Pythonプロジェクトマネージャー]パゴダに...