![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web前端
不爱当码农的瘦子
学习、学习、在学习
努力、努力、在努力
坚持、坚持、再坚持
展开
-
web前端之时钟(css+js)
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>时钟</title> <style type="text/css"> .clock_box{ wi原创 2018-10-23 20:27:05 · 7592 阅读 · 1 评论 -
两端拖拽并且交叉
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>推拽条</title> <style> .box{ width:400px; height: 20px;原创 2018-10-26 15:28:30 · 162 阅读 · 0 评论 -
用canvas来实现动态时钟
之前用简单的css与js来实现动态的时钟,发现直接用canvas也可以画时钟,只不过时钟圈和指针应该要放在不同的画布canvas中比较好,因为指针所在的画布是要一直旋转的,详细代码如下(如有问题,望大家指出,一起进步哈!) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">...原创 2018-10-24 12:07:22 · 335 阅读 · 0 评论 -
吸顶条
唯一要注意的是,当吸顶条吸顶也就是固定(position:fixed)到顶方时,吸顶条标签所占的位置会变成空,导致下面一个标签会替补上去,解救办法就是在吸顶条标签下方加一个弥补的.remedy标签,没有吸顶时remedy的display为none,吸顶时为block来填上去,这样就不会影响下一个p标签 <!DOCTYPE html> <html lang="en"> &...原创 2018-10-24 17:03:36 · 384 阅读 · 0 评论