2

JavaScript を使用せずに、CSS3 と HTML5 だけを使用して、マウスでページ内の div またはテーブルを移動できますか?

私はすでにそれを行っていますが、ホバー移動するとdivが自動的に移動します。

4

2 に答える 2

3

これを行うには JavaScript が必要です。Web ページ コンポーネントにアニメーションを提供する CSS3 でアニメーションやトランジションなどをプログラムすることはできますが、JavaScript でできるようにクリックやドラッグなどを処理することはできません。

ドラッグ アンド ドロップ機能がHTML5 に存在することは注目に値しますが、実装したいという意味ではありません。

于 2013-03-09T12:54:44.313 に答える
1

ここに示されているように：

http://jsfiddle.net/yy2ak/

を使用してdivを移動できますCSS3 translate and transition。または、を使用できますHTML5 draggable。ただし、より動的なものが必要な場合JavaScript and jQueryは、オプションがあります。

これを実現するには、次のjQueryようにします。

<div id="box" style="width: 50px; height: 50px; background-color: red;" />

$("#box").mouseover(function() {
   var offset = $(this).offset().left + 20;
    $(this).animate({
       left: offset
    }, 1000);
});
于 2013-03-09T13:02:21.900 に答える