- 博客(3)
- 收藏
- 关注
RSS订阅原创 通过Html5新元素＜canvas＞绘制时钟
HTML5 <canvas> 元素用于图形的绘制，通常是JavaScript来完成. 效果如下： html和css代码就不发了，就一个div，给定一定的高度和宽度，然后在div里面利用<canvas>新元素通过js来完成，期间有点麻烦。 js代码如下： <script> /** @type{HTMLCanvasElement}*/ var canvas = document.getElementById('canvas');.
2021-07-20 20:31:30
196
原创 Html5、原生js实现拖放实例
用原生js写了一个拖放操作的案例，先看效果： 该案例主要先把歌曲列表里的 li 元素的内容拖放复制到 “我喜欢”这个盒子里，然后可以把刚刚拖放复制的内容再次拖放到“垃圾桶”这个盒子里删除掉。 代码如下： html： <div id="wrap"> <div id="list"> 歌曲列表 <hr> <div class="box"> .
2021-07-20 20:11:24
207
原创 JavaScript简单实现进度条
主要用到了计时器，话不多说直接上代码 Html部分： Css部分： js部分： 效果图： setTimeout和setInterval区别 setTimeout() 只执行 code 一次。如果要多次调用，请使用 setInterval() ，setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭，或者让 code 自身再次调用setTimeout()。 ...
2021-07-19 20:31:42
427
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人