前端学习之小案例
文章平均质量分 66
在前端学习之路上分享自己学到的案例
vegetable-WEN
一个仍是前端小白的人
展开
-
前端小案例之仿淘宝固定侧边栏
简单仿淘宝固定侧边栏案例-通过添加页面滚动事件实现相应效果最近入门学习前端用简单的html结构加CSS样式还有js写了个仿淘宝固定侧边栏案例的小案例在这里分享给大家。文章目录简单仿淘宝固定侧边栏案例-通过添加页面滚动事件实现相应效果一、案例介绍?二、案例代码总结提示:以下是本篇文章正文内容,下面案例可供参考一、案例介绍?效果如下:该案例有四个盒子,slider-bar、header、main、footer将slider-bar侧边栏盒子先用绝对定位定位到右侧,其他三个盒子依次居中对齐放原创 2021-05-12 20:19:27 · 363 阅读 · 0 评论 -
前端小案例之3D导航栏
简单3D导航栏案例-鼠标经过盒子时底部盒子旋转最近入门学习前端用简单的html结构加CSS样式写了个3D导航栏的小案例在这里分享给大家。文章目录简单3D导航栏案例-鼠标经过盒子时底部盒子旋转一、案例介绍?二、案例代码1.HTML结构2.CSS样式总结一、案例介绍?效果如下:该案例主要是在一个navbar导航栏的盒子里面放几个li,每个li里面包含一个span便签和一个链接,这个span标签是初始正对着我们的,当我们用鼠标经过这个li下面的span时,就把下面的a便签也就是链接旋转上来并且原创 2020-12-22 16:23:06 · 3921 阅读 · 9 评论 -
前端小案例之侧边栏
简单侧边栏案例-隐藏右边盒子鼠标经过时显示最近刚入门前端写了个侧边栏的小案例文章目录简单侧边栏案例-隐藏右边盒子鼠标经过时显示前言一、pandas是什么?二、使用步骤1.引入库2.读入数据总结前言该侧边栏的案例呢大概是经过侧边栏盒子下每个li的字体会有一个过渡效果padding值的撑开,提示:以下是本篇文章正文内容,下面案例可供参考一、pandas是什么?示例:pandas 是基于NumPy 的一种工具,该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码如下(示例)原创 2020-12-20 19:04:06 · 13517 阅读 · 34 评论