7

私が作成したアプリケーションで jQuery Draggable を使用していますが、どうにかしてダイアログ ボックスと Web サイトの要素の間に線を引くことができるのでしょうか? ドラッグすると、ドラッグ可能なボックスに追従したい。

jQuery/JS の方法ではなく、CSS/HTML の方法を探しています。純粋な CSS3/HTML5 を使用して作成する方法がない場合は、JS アプローチから始めます-知りたかっただけです:)

ここに画像の説明を入力

4

1 に答える 1

10

基本的に:いいえ、 CSS のみを使用してこれを実現する方法はありません。

しかし、これが CSS のなぞなぞとして観察された場合 (実際のアプリケーションでは、次のソリューションを使用しないことをお勧めします)、同様のことを達成できる可能性があります。繰り返しますが、これは HTML と CSS の両方を完全に悪用することになります。

あなたは基本的に多くの を作成しdivs、それぞれが「ピクセル」を表します。divs' background-coloronを変更し、(さらに別の不正な)トリック (疑似無限遅延)を使用して、状態がなくなった後の状態:hoverを維持します。background-color:hovertransition

ここにデモがあります: little link . 上部のパーツにカーソルを合わせて、マウスを動かすと描画される「ブレッドクラム」を確認してください。

繰り返しますが、これは完全に乱用であり、実際のアプリケーションでは使用しないでください。

これを拡張して、CSS を使用した小さなペイント プログラムを作成できます。説明のために少し手を加えました:別の小さなリンク(マウスをクリックして動かして描いてみてください!)

結論: JavaScript を使用してください。これがこの場合の唯一の手段です ( canvasJavaScript なしでは制御できません)。

于 2012-09-23T13:46:35.663 に答える