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

推薦する

IDEA は MySQL への接続時にエラーを報告します。サーバーが無効なタイムゾーンを返します。タブに移動して serverTimezone プロパティを設定してください。

これからの道は常に困難で、棘だらけです。歯を食いしばって、乗り越えられると信じてください。さあ、さあ...

Nginx プロキシを使用してフロントエンドのクロスドメイン問題を解決する方法

序文Nginx (「エンジン エックス」と発音) は、リバース プロキシ、ロード バランサ、HTTP...

Nginx のパフォーマンスを向上させるための提案

Web アプリケーションが 1 台のマシンでのみ実行される場合、パフォーマンスを向上させるのは非常に...

MySQLデータベースをアンインストールするための完全な手順

MySQLデータベースを完全にアンインストールするプロセスは次のとおりです。 1. MySQLサービ...

MySQL 5.7 でルートパスワードを変更する方法に関するチュートリアル

バージョンアップデートにより、元のユーザーのパスワードフィールドがauthentication_st...

MySQLデータベースはsysbenchに基づくOLTPベンチマークテストを実装します

Sysbench は、MySQL データベース ストレージ エンジン InnoDB のディスク I/...

Vueルーティングはページステータスを復元する操作メソッドを返します

ルートパラメータ、ルートナビゲーションガード: ページが戻ったときに検索結果を保持する需要シナリオ:...

MySQLでデータをエクスポートするいくつかの方法の詳細な説明

MySQL データをエクスポートする目的は、データベースのバックアップ、テーブル構造のエクスポート、...

Linux システムにおける時間設定の概要

1. 時間の種類は次のように分けられます。 1. ネットワーク時間(タイムゾーンの設定、ntpサーバ...

JavaScriptはキャンバスを使用して座標と線を描画します

この記事では、JavaScriptでキャンバスを使用して座標と線を描く具体的なコードを参考までに紹介...

MySQL 8.0.15 のインストールと設定のグラフィックチュートリアルと Linux でのパスワード変更

このブログは、MySQL8.0.15 を正常にインストールしたことを思い出すために書きました。以前は...

MySQL Null は 5 つの問題を引き起こす可能性があります (すべて致命的)

目次1. カウントデータが失われる解決2. 明確なデータ損失3.データ損失を選択解決4. Nullポ...

CSS で中空効果を実装するサンプルコード

効果原理主にCSSグラデーションを使用して、切り取りを必要としない背景のくり抜きを実現します。クーポ...

HTML TextArea でのフォーマット保存の問題の解決方法

textarea の形式は保存時にデータベースに保存できますが、表示時には /n と相互に変換できな...

Nodeはkoa2を使用してシンプルなJWT認証方式を実装します

JWT の紹介JWTとは正式名称はJSON Web Tokenで、現在最も人気のあるクロスドメイン認...