HTML Demo
文章平均质量分 90
一些html的demo
Garbrielle
这个作者很懒,什么都没留下…
展开
-
拖动图片到其他容器
/ 想要触发ondrop事件,需要在ondragover里面阻止默认行为。利用事件委托处理多个可拖动的元素。// 获取拖动元素的信息 利用setData方法。// 1.将元素设置成可拖放的。原创 2024-05-22 15:01:20 · 929 阅读 · 0 评论 -
image图片之间的间隙消除
产生原因:由于img元素默认的垂直对齐方式为基线对齐vertical-aligh: baseline。给img标签添加样式;给img标签添加样式。原创 2023-11-17 20:08:04 · 520 阅读 · 0 评论 -
TODOLIST
TODOLIST 效果如图 要求: 当输入 todo 项时,按回车键,todo list 增加一项未完成的 todo 记录。 当点击最顶部 input 旁边的 checkbox 开关,如果是选中状态,所有的 todo 项都需选中,反之亦然。 当点击某一项 todo 的 checkbox 时,如果是选中状态,该 todo 文字变灰,并且文字带删除中划线。 底部要实时记录当前还有多少项未完成的 todo list。 底部三个按钮可分别过滤出不同状态的todo list:「所有」、「未完成」、「已完成」 可删原创 2024-05-22 14:46:56 · 659 阅读 · 0 评论