これが私の最初の投稿ですので、ご容赦ください。
WordPress Webサイトでマウスオーバーに応答する分割「前と後」の画像（マウスオーバーポイントで分割された2つの画像で構成される）を実装しようとしています。以前に行ったことがあるので、それが可能であることはわかっていますが、簡単に組み込むことができる実装（javascriptなど）はありますか？これが私が何を意味するかを示すためのモックアップビデオです：
よろしくお願いします。
質問する
1096 次
2 に答える
1
ここに、jQuery を使用した小さな例があります: http://jsfiddle.net/D5LAj/
于 2012-07-20T08:39:32.793 に答える
0
同じ位置にある 2 つの DIV を使用することをお勧めします (2 つ目はもう 1 つの上に配置されます)。スタイルでこれを実現できますposition: absolute。
下の DIV には、分割ビューの右側に配置するイメージが背景イメージとして含まれています。サイズは画像のサイズと一致し、固定されたままです。
上のものは背景画像として左側の画像を持っています。その幅は、マウスの位置に合わせて常に調整されます。後者は、onmousemoveイベントを登録することにより Javascript で実現されます。
于 2012-07-20T08:26:04.480 に答える