![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 88
好奇小圈
华工在读,立志成为一只大佬
展开
-
利用JS实现粘性定位
文章目录前言一、CSS布局二、JS实现1.获取元素2.获取参数3.事件总结前言效果如下图(橙色小方块)一、CSS布局CSS部分的内容很简单,不必详谈。 <style> * { margin: 0; padding: 0; } .w { /* position: absolute; */ width: 80%;原创 2021-10-31 16:35:28 · 1794 阅读 · 1 评论 -
HTML CSS JS简易画板(含知识点温习)
文章目录前言一、HTML部分1、代码2、温习二、CSS部分1、代码2、温习三、JavaScript部分1、代码2、温习总结前言笔者目前只学习到BOM的内容,因此所用代码都只限于HTML5、CSS、JS的部分效果图:高情商:蜡笔质感低情商:画笔不连续(我也不清楚怎么改善,还请大佬指教)一、HTML部分1、代码主要指body<body> <div id="content"> <!-- 用于选画笔颜色 --> <l原创 2021-10-24 17:45:29 · 548 阅读 · 2 评论 -
静态网页练习(2)
main主体模块制作概览HTML对于边框超出,可以使用overflow:hidden来隐藏 <!-- 首页专有 main start--> <div class="w"> <div class="main"> <div class="focus"> <ul> <li>原创 2021-08-22 16:52:46 · 255 阅读 · 0 评论 -
静态网页练习(1)
整体规划项目名称:品优购项目描述︰品优购是一个电商网站,我们要完成PC端首页、列表页、注册页面的制作学习目的1.电商类网站比较综合,里面需要大量的布局技术,包括布局方式、常见效果以及周边技术。2.品优购项目能复习、总结、提高基础班所学布局技术。3.写完品优购项目,能对实际开发中制作PC端页面流程有一个整体的感知.4.为后期学习移动端项目做铺垫。开发工具vScode . Photoshop ( fw )、主流浏览器(以Chrome浏览器为主)技术栈·利用HTML5 + CSS3手动布局原创 2021-08-21 23:34:20 · 663 阅读 · 0 评论