如何在CSS或jQuery中实现拖拽效果？
如何在CSS或jQuery中实现拖拽效果？
提问于 2016-01-02 14:48:14
我正在尝试在我的项目中实现这个Fiddle。我想在拖动项目时显示一些效果。此示例显示了在拖动时对文本的拖动效果。我想让背景和文字都有效果。我需要做些什么才能产生效果。
下面是我的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;
}它正在设置列表的背景，而不是拖动项目。
回答 1
Stack Overflow用户
回答已采纳
发布于 2016-01-05 17:03:57
这行css代码为我完成了工作
.ui-draggable-dragging {
background: #ccc;
color: #000;
}希望这能对你有所帮助
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/34563409
复制相关文章
相似问题
腾讯云开发者
