原创
2021-05-25 11:52:22
339阅读
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
原创
2021-07-30 14:03:43
721阅读
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
原创
2022-02-28 10:38:30
541阅读
写在前面哈喽~大家好，这篇呢带来的是侧边导航栏（抽屉式设计），采用 (html + css) 来实现的，编辑器是 WebStorm 。接下来来看看效果吧。效果 首先我们要导入阿里的图标样式文件（如何使用参考这篇大佬写的博客），将图标样式、字体样式导入到项目中，新建 css 样式文件。导入<link rel="stylesheet" href="css/css1.css" type=
转载
2023-09-20 20:23:41
590阅读
先上图功能：1、点击按钮弹出侧边栏，点击按钮关闭侧边栏；2、侧边栏弹出时，其他部分变暗，点击变暗区域也可以收起侧边栏首先我这里采用两个div叠加作为基础框架。底层div显示内容，上方div显示侧边栏，因此需要将body固定一下，在body放置两个div。csshtml,body{
padding: 0;
margin: 0;
width: 100%;
height:
转载
2024-01-09 23:07:10
198阅读
一 利用a标签中锚点定位(name定位)： 1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, in ...
转载
2021-10-18 17:49:00
578阅读
2评论
案例设计：1.首写出链接式样。把行内元素改变成块元素，display：block;2.设置宽度和高度。3.采用a：hover{color：orrange；}给a链接设置背景颜色。
原创
2022-11-25 19:34:57
267阅读
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>广告自动关闭</title> </head> <style> .tip{ position: fixed; top:
原创
2021-07-19 16:57:50
237阅读
用css+js实现自动伸缩导航栏需要达到的效果：默认首页选中样式设置鼠标滑过效果：颜色变化(#f60),宽度变化，字体变化所涉及的知识点：布局：floatcss: 元素状态切换(display),盒模型(margin,padding),圆角边框(border-radius),可见宽度(offsetWidth);JavaScript:匿名类，for循环,通过标签获得元素(getElementsByT
转载
2023-06-06 21:21:26
287阅读
拥有易用的导航条对于任何网站都很重要，通过
CSS，你能够把乏味的 HTML 菜单转换为漂亮的导航
栏。 首先导航
栏需要标准的 HTML 作为基础。导航
栏基本上是一个链接列表，因此使用 <ul> 和 <li> 元素是非常合适的，代码如下：<ul>
<li><a href="default.as
转载
2023-07-12 15:21:59
1247阅读
目标实现一个侧边栏菜单,最多二级,可以收起展开.用于系统左侧的主菜单.大多数系统都会有这样的菜单,用于导航功能,切换到不同的操作页面.在单页应用系统中,菜单一般是固定在左侧,分组节点上配图标,高亮显示当前选中菜单.可以收起菜单组.html菜单容器nav,里面每个ul是一组菜单,每个sidemenu-title是菜单组的标题,可以加图标.<nav class="sidemenu-box gra
转载
2023-07-03 12:01:25
136阅读
侧边菜单
栏和导航
栏的初步编写
侧边菜单
栏首先在componects/文件夹下建立新文件NavgationMenu.vue其中vue文件template部分如下：<template>
<div id="NavigationMenu">
<el-menu
id="el-menu"
default-active="2"
转载
2023-05-22 16:53:06
1866阅读
添加侧边栏小插件并更改css样式申请开之后，系统提供的模板可能显示效果不理想，这里我们可以自己定义一下的页面风格，这里分享一下自己的实测经验一、在主页上查看元素css定义在的主页上，右键鼠标，进入审查样式，页面会出现开发调试模块，如下图所示：注：选择左侧的放大镜按钮，之后鼠标移动到页面对应的位置(也可以选择Elements内的元素)，右侧Style栏中会显示出对应元素的css样式如果要更改页面的宽
这是自己第一次使用前段框架进行项目开发，觉得自己要学的东西很多。下面对侧边栏进行修改时遇到的问题进行下总结。项目背景：项目需求是将原来的二级三级菜单和一级菜单时并排显示的，现在要求把二级三级菜单变成悬浮式，在一级菜单滑动鼠标时，可以滑动出二三级菜单。 项目
转载
2023-06-09 08:19:12
281阅读
简约好看侧边栏(HTML、CSS)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>padding案例02</title> <style>
原创
2022-10-20 10:10:37
571阅读
案例-简介小米侧边栏（HTML、CSS）<!DOCTYPE html><html lang="en"><head> <meta ch
原创
2022-10-20 10:16:16
109阅读
app
转载
2016-10-28 14:02:00
378阅读
wordpress侧边栏Most WordPress sites have a two column layout containing the content and sidebar. Despite being visible on every page of a website, sidebars are often the least optimized areas. In th
转载
2024-04-15 23:33:51
136阅读
01 Bug 描述笔者基于简化版的 vue-element-admin 前端框架 vue-admin-template 进行二次开发。我在项目中设定了三个用户角色，不同的角色具有不同的权限，也对应着不同的路由，同时侧边栏也需根据不同的权限异步生成。我根据 vue-element-admin 作者的博客手摸手，带你用vue撸后台 系列二(登录权限篇)修改权限认证。大致过程分为如下四个步骤：修改 sr
转载
2024-06-18 11:10:56
155阅读
看看面试题，只是为了查漏补缺，看看自己那些方面还不懂。切记不要以为背了面试题，就万事大吉了，最好是理解背后的原理，这样面试的时候才能侃侃而谈。不然，稍微有水平的面试官一看就能看出，是否有真才实学还是刚好背中了这道面试题。HTML5新特性，语义化 <section></section> 定义文档中的主体部分的节、段。
<article></arti
转载
2023-08-23 15:09:35
295阅读
