![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
网页案例
文章平均质量分 53
案例
小白白中之白
这个作者很懒,什么都没留下…
展开
-
网页横向移动小案例
注意事项: 1.scrollLeft的英文解释为The Element.scrollLeft property gets or sets the number of pixels that an element’s content is scrolled from its left edge.我觉得中文mdn翻译的不大好,英文版可以译为:得到或设置元素内容距离左边距滚动的距离。 2 ...原创 2021-08-17 19:17:18 · 848 阅读 · 0 评论 -
js仿照网易云轮播图小案例
代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>转载 2021-08-15 20:58:26 · 144 阅读 · 0 评论 -
导航栏2.0
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <titl原创 2021-07-26 18:48:58 · 44 阅读 · 0 评论 -
按钮的实现
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc原创 2021-04-25 22:52:13 · 141 阅读 · 0 评论 -
导航栏
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc原创 2021-04-26 09:21:12 · 68 阅读 · 0 评论 -
手风琴html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc原创 2021-04-25 23:04:52 · 103 阅读 · 0 评论 -
哔哩哔哩秋季头图小案例
实际上我认为图片序号是已经被精心安排过的。所以我们只要形成模糊效果就行了原创 2021-05-07 23:07:20 · 83 阅读 · 0 评论 -
哔哩哔哩冬季头图小案例
setProperty时设置内联样式 var,let,const, var()无引号 filter img父元素无宽高只设置width百分比,height也会变化 displat:flex classlist原创 2021-05-06 21:11:26 · 127 阅读 · 0 评论 -
极其简单的轮播图小案例
代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>原创 2021-05-08 22:36:37 · 122 阅读 · 0 评论