2

我可以只使用 CSS3 和 HTML5 在没有 JavaScript 的页面中通过鼠标移动 div 或表格吗？

我已经这样做了，但是当悬停移动时 div 会自动移动。

4

2 回答 2

3

您需要 JavaScript 来执行此操作。虽然您可以在 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 回答