前端
文章平均质量分 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 · 1711 阅读 · 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 · 501 阅读 · 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 · 240 阅读 · 0 评论 -
静态网页练习(1)
整体规划 项目名称:品优购 项目描述︰品优购是一个电商网站,我们要完成PC端首页、列表页、注册页面的制作 学习目的 1.电商类网站比较综合,里面需要大量的布局技术,包括布局方式、常见效果以及周边技术。 2.品优购项目能复习、总结、提高基础班所学布局技术。 3.写完品优购项目,能对实际开发中制作PC端页面流程有一个整体的感知. 4.为后期学习移动端项目做铺垫。 开发工具 vScode . Photoshop ( fw )、主流浏览器(以Chrome浏览器为主) 技术栈 ·利用HTML5 + CSS3手动布局原创 2021-08-21 23:34:20 · 632 阅读 · 0 评论