首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何在CSS或jQuery中实现拖拽效果?

如何在CSS或jQuery中实现拖拽效果?
EN

Stack Overflow用户
提问于 2016-01-02 14:48:14
回答 1查看 69关注 0票数 1

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

下面是我的CSS代码:

代码语言:javascript
复制
.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;
}

它正在设置列表的背景,而不是拖动项目。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-01-05 17:03:57

这行css代码为我完成了工作

代码语言:javascript
复制
.ui-draggable-dragging {
  background: #ccc;
  color: #000;
}

希望这能对你有所帮助

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/34563409

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档