如何在CSS中或通过jQuery进行拖动？

我正试图在我的项目中实现这一点。我想在拖动项目时显示一些效果。此示例显示拖动时对文本的拖动效果。我想让背景和文本都生效。我需要做些什么才能生效

以下是我的CSS代码：

.ui-drop-hover {
    border: 2px solid #bbb;
}

#dragdiv li, #dropdiv li {
    border: 1px solid #bbb;
}

#dropdiv li {
    padding-left: 10px;
}

#maindiv {
    width: 500px;
    height: 350px;
    border: 2px solid #bbb;
}

#allItems, #Ul1 {
    list-style: none;
}

#dragdiv, #dropdiv {
    width: 180px;
    height: 250px;
    float: left;
}

#allItems li {
    background: #3195e0;
    color: #fff;
    text-align: center;
    padding: 5px;
}

---

这是设置列表的背景，而不是拖动项。

这行css代码为我完成了任务

.ui-draggable-dragging {
  background: #ccc;
  color: #000;
}

---

希望这对您有所帮助

您可以在css中随意设置

.ui拖动类。这是用于正在拖动的项的。