51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
WOT技术大会
IT证书
公众号矩阵
移动端
短视频 免费课程 课程排行 直播课 软考学堂
全部课程 厂商认证 IT技术 24年11月软考 PMP项目管理 免费题库
在线学习
文章 资源 问答 课堂 专栏 直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库

纯css实现垂直导航栏
ul.nav{ margin:0; padding:0; width: 8em; list-style-type: none; background-color: #8BD400; border:1px solid #486B02; font-size: 2em; } /*去掉最后一个li中a的border-bottom*/ ul.nav li:last-child a{ bord
Q
原创
wangjun5159
2023-06-28 14:11:44
119阅读

纯CSS实现网页侧边栏弹窗滑进滑出
  随机打开一个网页，都会发现右侧有一个侧边栏，鼠标悬停在上边会出现一个小小的弹窗，这样子的，觉得很酷炫。   上图，这个是实现效果：（弹窗还有侧边栏的内容后期可以自己加入进去.） html部分代码：<body><div class="subnav"><ul><li><div></div></li><li&g
CSS
原创
缓月
2021-04-22 08:32:00
2234阅读

纯CSS实现侧边栏/分栏高度自动相等
byzhangxinxufromhttp://www.zhangxinxu.com本文地址：http://www.zhangxinxu.com/wordpress/?p=694一、为何要分栏高度一致？分栏高度一致的目的是更加美观。举两个例子吧。①对于分栏布局，我们或许会用边框(border)进行分隔...
css
自适应
背景图片
侧边栏
5e
转载
mob604756e6f1ac
2015-07-15 14:08:00
197阅读
2评论

【CSS】828- 纯CSS导航栏下划线跟随效果
如何使用纯 CSS 制作这样的效果？
下划线
css
伪元素
转载
pingan8787
2022-10-24 08:47:12
162阅读

隐藏搜索框：CSS 动画正反向序列
顶部菜单栏中放置搜索框是一个常见的场景，但如果搜索功能使用的不那么频繁，同时菜单栏中内容本来就比较拥挤，再放一个完整的搜索框在那就显得不那么美观。因此也有一个挺常见的做法是，只放一个搜索图标，需要时再显示整个搜索框，如下图所示： 实现思路 起始状态时搜索框没有显示，鼠标移入后从右侧滑入，因此不能使用
搜索
ico
选择器
过渡动画
搜索图
转载
mb5fed73533dfa9
2021-06-24 18:30:00
104阅读
2评论

隐藏搜索框：CSS 动画正反向序列
作者 | Skuld_yi​顶部菜单栏中放置搜索框是一个常见的场景，但如果搜索功能使用的不那么频繁，同时菜单栏中内容本来就比较拥挤，再放一个完整的搜索框在那就显得不那么美观。因此，也有一个挺常见的做法是，只放一个搜索图标，需要时再显示整个搜索框，如下图所示：实现思路起始状态时搜索框没有显示，鼠标移入后从右侧滑入，因此不能使用搜索框自身的 hidden 或透明度属性，需要使用父元素的 overflo
搜索
ico
选择器
转载
wx6332e0803afcf
2022-11-08 15:14:59
104阅读

纯CSS创建多层级的目录菜单栏
本着不想写javascript的出发点，单纯靠css实现多层子菜单结构。通过网上翻阅资料，亲手尝试了一下代码，可实现预期效果。关键技术： whatever:hover ul {display: block}先通过ul标签把3层子菜单结构固定<ul id="menu" class="dropdown">      &n
css
子菜单
submenu
免javascript
原创
brucetam322
2014-07-07 10:42:33
4782阅读

Web前端学习笔记（二）--- 纯CSS圆形进度栏
-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-...
web前端
学习笔记
示例
ci
相对定位
转载
海轰Pro
2023-01-18 06:45:25
78阅读

RepositoryItemGridLookUpEdit 搜索隐藏 搜索隐藏功能
    工欲善其事，必先利其器。搜索引擎虽已成为我们上网的亲密助手，不过在生活中，对于这个不断升级变聪明的助手，我们似乎还没有洞悉它们。除了搜音乐、搜明星、搜新闻、搜论文之外，尽快掌握它们更多的功能，有助于大家提高工作效率和生活质量。下面的文字，不求穷尽，只求实用，目的是帮你成为搜索高手。   隐秘功能1 　　搜索引擎
人工智能
数据库
搜索
Google
搜索引擎
转载
mob64ca1405664d
3月前
7阅读

Grafana 隐藏侧边栏 怎么隐藏侧边栏
 目录一、显示 / 隐藏 侧边栏的快捷键二、修改侧边栏颜色      1. SideBarEnhancements插件：(如果sublime没有侧边栏，可以安装这个插件)      2. SyncedSidebarBg插件：（通过安装插件，更改侧边栏颜色）三、修改侧边栏字体大小、行间距等一、显示 / 隐藏 侧
Grafana 隐藏侧边栏
侧边栏
ide
快捷键
转载
我是数据分析师
5月前
211阅读

【CSS】课程网站头部制作 ③ ( 搜索栏表单测量 | 搜索栏表单代码编写 | 代码示例 )
一、搜索栏表单测量1、左侧边界2、文本输入框表单尺寸3、文本输入框表单提示
css
html
前端
表单
搜索栏
原创
韩曙亮_
2023-04-09 10:32:59
131阅读

【CSS】课程网站头部制作 ④ ( 搜索栏按钮测量 | 搜索栏按钮代码编写 | 代码示例 )
一、搜索栏按钮测量1、按钮测量2、按钮切图二、搜索栏按钮代码编写1、HTML 标签结构2、CSS 样式3、展示效果
css
html
前端
搜索栏
导航栏
原创
韩曙亮_
2023-04-09 10:32:40
171阅读

纯css，div隐藏滚动条，保留鼠标滚动效果。
示例1： 示例2： 当我们的内容超出了我们的div，往往会出现滚动条，影响美观。 尤其是当我们在做一些导航菜单的时候。滚动条一出现就破坏了UI效果。 我们不希望出现滚动条，也不希望超出去的内容被放逐，就要保留鼠标滚动的效果。 这里介绍一个简单的方法。 大体思路是在div外面再套一个div。这个div
html
css
滚动效果
scala
导航菜单
转载
mob604756fadec0
2017-01-18 10:44:00
339阅读
2评论

淘宝分类导航条；纯css实现固定导航栏
效果例如以下： 页面例如以下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns=
ico
javascript
html
css
d3
转载
mob6047570191d0
2018-01-24 20:44:00
666阅读
2评论

纯CSS换肤
30行代码实现纯CSS—3种换肤老规矩，先把代码给大家，拿去粘贴直接用，无需引用，不
css3
纯css
换肤
html
选择器
原创
她与丈母娘皆失
2022-08-23 10:50:38
120阅读

前端 | 隐藏搜索框：CSS 动画正反向序列
纯CSS实现动画效果：鼠标移上图标显示搜索框，鼠标移出隐藏搜索框 顶部菜单栏中放置搜索框是一个常见的场景，但如果搜索功能使用的不那么频繁，同时菜单栏中内容本来就比较拥挤，再放一个完整的搜索框在那就显得不那么美观。因此也有一个挺常见的做法是，只放一个搜索图标，需要时再显示整个搜索框，如下图所示： 实现思路 起始状态时搜索框没有显示，鼠标移入后从右侧滑入，因此不能使用搜索框自身的 hidden 或
CSS
转载
mob604756f19185
2021-06-17 17:39:00
412阅读

swift隐藏导航栏失效 隐藏导航栏代码
今天写了一个简单的导航栏实现后的效果如下图首先来写一下思路实现步骤：第一步：先创建 x 个 div 盒子，并为所有的盒子绑定相同的class属性，我这里绑定的是 isPages，盒子内可以写任意内容。x 为最终结果显示的页数。第二步：设置 div 盒子 css 样式，将 isPages 设置为隐藏，使用 display 属性设置为 none。盒子内的内容根据自己喜好进行设置。第三步：创建导航，先创
swift隐藏导航栏失效
隐藏导航代码
i++
html
css
转载
mob64ca14079fb3
4月前
61阅读

android隐藏导航栏代码 android隐藏底部导航栏
Android隐藏状态栏、导航栏private void hideStatusNavigationBar(){ if(Build.VERSION.SDK_INT<16){ this.getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, WindowM
android隐藏导航栏代码
UI
ide
导航栏
转载
编程艺术家
2023-07-17 17:07:34
589阅读

Android 隐藏导航栏原理分析 隐藏导航栏模块
尽管本课程重点介绍隐藏导航栏，但您应该将应用程序设计为同时隐藏状态栏，如隐藏状态栏中所述。隐藏导航和状态栏（同时仍然可以随时访问它们）使内容使用整个显示空间，从而提供更加身临其境的用户体验。图1.导航栏。隐藏导航栏您可以使用SYSTEM_UI_FLAG_HIDE_NAVIGATION标志隐藏导航栏 。此代码段隐藏了导航栏和状态栏：View decorView = getWindow().getDe
Android 隐藏导航栏原理分析
UI
导航栏
应用程序
转载
mob64ca1408d5ff
5月前
131阅读

istio kiali隐藏导航栏 隐藏导航栏软件下载
相信各位在买来一台新的电脑或者重装电脑之后，面对刚刚开机空无一物的电脑桌面时都会有一脸的问号。 (⊙﹏⊙)我的控制面板呢？我的我的电脑呢？？为什么什么都没有？？？而Dism++就是为了解决像我们这样连桌面电脑图标如何设置都不知道的人而设计的。在Dism++中不论是对垃圾的清理还是对系统的备份亦或者是关闭隐藏较深的系统自动更新，都能在这不足10m的小巧程序中实现。废话不多说
istio kiali隐藏导航栏
隐藏地址栏 软件
系统备份
桌面图标
解压文件
转载
字节墨海星
3月前
51阅读
  • 1
  • 2
  • 3
  • 4
  • 5
精品课程领资料

2024软考
高级 中级 初级

华为认证
数通 云计算 安全

厂商认证
K8s Oracle 红帽

IT技术
数据库 网络安全 AIGC
相关文章

iOS 隐藏状态栏 app隐藏状态栏

css占位隐藏 jQuery show css隐藏内容

【CSS】74-不可思议的纯CSS导航栏下划线跟随效果

js隐藏元素、jquery隐藏、css隐藏

纯CSS Tooltips..

纯CSS滑动效果

android 如何隐藏导航栏 安卓系统隐藏导航栏

android theme 隐藏导航栏 安卓隐藏导航栏代码

android 底部导航栏 隐藏顶部导航栏 android导航栏隐藏与浮现

AndroidPupopWindow隐藏状态栏 android隐藏状态栏软件

Copyright © 2005-2024 51CTO.COM 版权所有 京ICP证060544号

关于我们
官方博客 全部文章 热门标签 班级博客
了解我们 网站地图 意见反馈
友情链接
鸿蒙开发者社区 51CTO学堂
51CTO 软考资讯