国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

javascript - JS および CSS の問題、マップ上のアイコンにマウスを移動した後、表示されたコンテンツをアイコンを基準にして中央に配置する方法。
給我你的懷抱
給我你的懷抱 2017-06-12 09:32:10
0
1
983

以下に示すように、右側は必要な効果です。つまり、地図上の赤い場所アイコンの上にマウスを移動すると、表示される寫真とコンテンツが下の場所アイコンを基準にして中央に配置されます。左側が私が作ったエフェクトですが、ズレがひどいので參考にしてください。

以下は私の HTML コードです

リーリー
給我你的懷抱
給我你的懷抱

全員に返信(1)
僅有的幸福

投稿したコードは、赤いアイコンの位置を示すだけで、ポップアップ ボックスの構造やスタイルを示すものではありません。ポップアップ部分はjsで動的に生成?調整されているようです。 2 つのアイデア:

1. アイコンspanタグにフローティングレイヤーを追加し、フローティングレイヤーのスタイルを設定します

マウスがアイコン上に移動すると、フローティング レイヤー データ コンテンツが動的に生成され、span タグに追加されます。マウスを移動すると、動的に追加されたレイヤーが外に移動します。大まかに次のように、フローティング レイヤーのスタイルを設定する必要があります:

リーリー

フローティングレイヤーが埋め込まれているため、フローティングレイヤーが隠れてしまう可能性があるため、spanz-indexz-index屬性の変更に注意する必要があります。

2. JSの動的調整

フローティング レイヤーのサイズが固定されている場合は、JS を使用して現在選択されているアイコンを取得し、その相対位置を読み取り、フローティング レイヤーの位置を計算するだけです。

リーリー
いいねを押す +0
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート