[廾匸] 2017-06-20 07:31 采纳率: 87.5%
浏览 1331
已采纳

如何实现css3拖放效果

请问如何用css3的拖放来做一个li之间的拖放替换功能：比如我有两个li，我拖动第二个li到第一个的位置，原来第一个就挤到第二，拖动的li就变成第一个，然后序号也要从原来的2变成现在的1。这种效果有大神帮忙吗，最好直接贴代码出来，我是菜鸟不会写。。。。。

  • 写回答

2条回答 默认 最新

  • 斯洛文尼亚旅游 2017-06-20 08:11
    关注

    http://ask.csdn.net/questions/392293
    之前不是给过你了，easyui的demo，onDrop更新下序号就行了，2个都采纳了我帮你写一个

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题？

  • css3 写不出3d效果怎么办 css3 html5
    2022-01-18 21:55
    回答 3 已采纳 鼠标经过3d翻转效果 <!DOCTYPE html> <html> <head> <meta charset="UTF-8">
  • 如何通过css3实现梯形按钮组 css css3 html5
    2021-05-21 15:09
    回答 2 已采纳 ul,li{ padding:0;margin:0;list-style:none} .ul{ height:30px; width:200px; display:flex; bord
  • 前端css如何写才能实现 css html 前端
    2022-02-10 14:17
    回答 3 已采纳 <!DOCTYPE html> <html> <head> <title></title> <style>
  • css3实现3D时间轴效果.zip
    2022-11-17 21:17
    在本项目中，"css3实现3D时间轴效果.zip"是一个包含前端开发资源的压缩包，主要聚焦于使用CSS3技术来创建具有三维视觉效果的时间轴。时间轴是一种常见且有效的网页元素，用于展示一系列按照时间顺序排列的事件或里程...
  • Vue3 CSS 怎么实现菜单滑动的效果 sass vue.js 前端 有问必答
    2022-05-18 00:36
    回答 4 已采纳 用hover不行, 要用js的mouseenter事件第一次mouseenter事件 菜单从左侧滑出来，第二次mouseenter事件滑回去 隐藏
  • 前端css3动画部分有疑问希望友友们帮助解惑 css3 html 前端
    2022-10-21 16:53
    回答 2 已采纳 div+div加号又被称作兄弟选择器。A+B表示选择紧邻在A后面的B元素，且A和B必须拥有相同的父元素，所选到的仅为一个B元素标签。 2.-webkit-xxx是 兼容写法，针对浏览器内核的 。CS
  • css3中动画方面报错 css3 前端
    2023-04-12 21:37
    回答 1 已采纳 animation上一行结尾的 分号不对 应该是应为格式 你那个好像是中文格式的 符合一个别的分号
  • css3档案纸质效果.zip
    2022-11-16 21:21
    在CSS3中，实现纸质效果是一项创意且实用的技术，它能为网页增添独特的视觉体验，使其看起来更加真实和有质感。这个"css3档案纸质效果.zip"文件很可能包含了一组CSS3样式、JavaScript脚本以及可能用到的HTML5结构，...
  • css3中动画方面的错误 css3 前端
    2023-04-12 21:32
    回答 1 已采纳 这里应该是分号
  • Css3文字渐变样式问题 css css3 前端
    2022-12-13 00:08
    回答 1 已采纳 自2017年以来，WebKit Bugzilla上有一个尚未解决的公开问题：background-clip:text不适用于display:flex。苹果已经忽视这个错误4年了，它可能永远不会被解决。
  • css3 3d样式调节 3d css3 前端
    2022-02-28 14:02
    回答 2 已采纳 transform: rotate这个是旋转，有三个轴（x,y,z），你研究一下看能否实现你的要的效果吧。如果还是不行，可以试试这个（perspective）https://www.w3school.
  • CSS3实现底部滑盖页脚.zip
    2022-11-17 21:18
    本项目以"CSS3实现底部滑盖页脚.zip"为主题，主要涉及到前端开发中的CSS3、JavaScript、jQuery以及HTML5等技术。下面我们将详细探讨这些知识点。 首先，CSS3是层叠样式表的第三版，提供了丰富的样式控制和动画效果...
  • jQuery+CSS3项目模糊效果.zip
    2022-11-19 19:46
    综上所述，"jQuery+CSS3项目模糊效果.zip"是一个结合了CSS3滤镜、JavaScript（jQuery）和HTML5技术的前端项目，旨在利用这些技术实现动态的模糊背景效果，提升网页的视觉吸引力和用户体验。通过学习和实践此类项目，...
  • HTML5及CSS3web前端开发技术习题答案解析.pdf
    2021-01-07 21:52
    - **拖放功能**：支持拖放操作，可通过`mousedown`, `mousemove`, `mouseup`等事件实现。 #### 4. HTML5文档结构的变化 - **内容类型**：HTML5的文件扩展名和内容类型与HTML4相同，但是`<!DOCTYPE>`声明进行了简化...
  • HTML5+CSS3实现生日蛋糕特效代码
    2021-03-20 02:11
    本项目“HTML5+CSS3实现生日蛋糕特效代码”正是利用这两者的优势，构建了一个富有创意的生日蛋糕动画，旨在为庆祝生日增添一份惊喜。 首先，HTML5（HyperText Markup Language 5）是第五代超文本标记语言，它增强了...
  • 没有解决我的问题, 去提问

悬赏问题

  • ¥15 做个有关计算的小程序
  • ¥15 MPI读取tif文件无法正常给各进程分配路径
  • ¥15 如何用MATLAB实现以下三个公式（有相互嵌套）
  • ¥30 关于#算法#的问题：运用EViews第九版本进行一系列计量经济学的时间数列数据回归分析预测问题 求各位帮我解答一下
  • ¥15 setInterval 页面闪烁，怎么解决
  • ¥15 如何让企业微信机器人实现消息汇总整合
  • ¥50 关于#ui#的问题：做yolov8的ui界面出现的问题
  • ¥15 如何用Python爬取各高校教师公开的教育和工作经历
  • ¥15 TLE9879QXA40 电机驱动
  • ¥20 对于工程问题的非线性数学模型进行线性化