51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
信创认证
公众号矩阵
移动端
视频课 免费课 排行榜 短视频 直播课 软考学堂
全部课程 软考 信创认证 华为认证 厂商认证 IT技术 PMP项目管理 免费题库
在线学习
文章 资源 问答 课堂 专栏 直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库
CKA（Kubernetes 管理员认证）精品班
按照企业k8s需求进行技能培训，帮助用户快速拿下CKA认证，K8S采用新版本进行授课，课程内容全、讲解详细 。 免费试学
软考高级：系统架构设计师精品班
根据考试大纲对知识点、高频考点进行深入讲解，传授答题技巧及判断标准，助力高效备考。 免费试学
信创认证：系统架构师精品班（高级）
信息技术应用创新人才考试评价 免费试学

CSS+DIV-制作实用菜单
8-1.html<html><head><title>项目列表</title><style><!--body{  background-color:#c1daff;}ul{  font-size:0.9em;  color:#00458c;  list-
职场
CSS
DIV
休闲
转载
zhangjingqiang
2009-08-02 14:45:45
576阅读

css+div做的菜单
css+div做的菜单：一个主显示层，别的列表都隐藏着，用js函数设置列表的显示和隐藏。分别用到了两个函数，函数实现的效果是一样的，一个是参考的《css+Dhtml精髓》书上的事例，一个是找的函数。 第一个函数 function showMenu(layerName) { // show the la...
ide
javascript
html
i++
css
转载
mob604756e7abe8
2007-09-30 07:28:00
124阅读
2评论

有趣的CSS - 汉堡菜单按钮
用 css 实现汉堡菜单图标与关闭图标过渡动画交互效果。
css
汉堡图标
动画
ux
交互体验
原创 精选
设计师工作日常
2024-03-18 11:53:05
670阅读

DIV+CSS 级联下拉菜单 多级下拉菜单
很多人在做web的级联下拉菜单时，常常利用Javascript来写，这里强烈不推荐使用这种方法，原因有两个：[b]1.必须利用onmouseover和onmouseou
CSS
JavaScript
IE
Firefox
浏览器
原创
mb64ba3d3eaebce
2023-07-21 16:22:22
273阅读

css案例学习之div a实现立体菜单
效果代码 立体菜单 Home Contact Us Web Dev Web Design Map
html
5e
xml
块级元素
3c
原创
TBHacker
2021-08-05 15:46:00
164阅读

css案例学习之div+a实现菜单
效果代码 基本菜单 Home Contact Us Web Dev Web Design Map
html
xml
3c
固定宽度
下划线
原创
TBHacker
2021-08-05 15:46:04
75阅读

DIV+CSS+JS树形菜单,可以刷新不改变菜单
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"&gt
.net
html
sed
二级
背景色
转载
mob604756e80bb7
2006-11-13 22:12:00
70阅读
2评论

如何用DIV+CSS制作横向菜单？
作者：阿捷 尽管在我的网站和文章里都有提到CSS制作菜单的方法，但很多初学者还是不太清楚如何实现，以及实现原理，我想专门写一篇详细教程会对大家比较有帮助。我们先来看一个菜单的例子，最终效果是:首页 产品介绍 服务介绍 技术支持 立刻购买 联系我们 然后我们来详细讲解步骤第一步：建立一个无序列表我们先建立一个无序列表，来建立菜单的结构。代码是：<ul><li><a href="1">首页</a></li><li><a href="2">产品介绍</a></
技术支持
css
背景图片
边距
块级元素
转载
mob604756e78484
2007-10-10 11:01:00
193阅读
2评论

使用DIV+CSS实现下拉列表菜单
<br /><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transition
css
div
function
flash
xhtml
原创
Java海洋
2022-08-20 00:51:24
193阅读

Div+CSS+JS树型菜单，可刷新
工作需要搞了一个DIV+CSS菜单，兼容Firefox,分享给大家，大家一齐学习 在线演示：http://www.livepo.com/UserCode/DivCssMenu.html Div+CSS+JS树型菜单，可刷新 我的网站 [url]www.netany.net[/url] [url]www.netany.net[/url] [url]www.netany...
.net
html
sed
背景色
二级
转载
mob604756fd5175
2007-05-17 21:06:00
52阅读
2评论

HTML---------DIV+CSS构成的树型菜单
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>DIV+CSS构成的树型菜单</title><style type="text/c...
网页制作
sed
网页设计
网站设计
html
转载
mb5fe94ba3ca002
2009-05-20 10:23:00
76阅读
2评论

Div+CSS+JS树型菜单，可刷新
[code="java"] Div+CSS+JS树型菜单，可刷新 #PARENT{ width:300px; padding-left:20px; } 我的网站 [url]www.netany.net[
CSS
Firefox
.net
XHTML
工作
原创
mb64660286caedc
2023-05-19 00:02:19
36阅读

使用CSS实现有趣的汉堡菜单按钮
这篇文章主要为大家详细介绍了如何使用CSS实现有趣的汉堡菜单按钮，适用于h5页面或者app页面中，隐藏菜单和打开菜单时使用,感兴趣的小伙伴可以跟随小编一起学习一下整体效果使用 transition 过渡属性和 transform 变形属性，让汉堡图标和关闭图标之间进行过渡、变形，形成视觉效果。适用于h5页面或者app页面中，隐藏菜单和打开菜单时使用。核心代码
3d
html
css
原创
YDFM
2024-06-05 08:14:30
162阅读

css按钮jquery CSS按钮居中
利用 CSS 来实现对象的垂直居中有许多不同的方法，比较难的是选择那个正确的方法。我下面说明一下我看到的好的方法和怎么来创建一个好的居中网站。使用 CSS 实现垂直居中并不容易。有些方法在一些浏览器中无效。下面我们看一下使对象垂直集中的5种不同方法，以及它们各自的优缺点。方法一这个方法把一些 div 的显示方式设置为表格，因此我们可以使用表格的 vertical-al
css按钮jquery
css设置按钮竖直方向居中
垂直居中
CSS
ci
转载
岁月静好呀
2023-07-25 17:50:26
474阅读

转载(效果直逼flash的Div+Css+Js菜单)
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>css 菜单</title> <style> body{ background-color:#B8B8A0; } #fbtn{ display:
html
i++
css
其他
转载
mob6047570116b7
2007-12-21 16:36:00
53阅读
2评论

css div
前言：width和heigth不会相互作用 ，各自为政！1、当div设置了固定的长度和宽度后高度和宽度都行！：不管里面有没有内容（可以无视内容），div就是一个框子在那（默认无边框）！即使内容超出，尺寸也不变！#select_box {WIDTH: 330px; HEIGHT: 40px;border:2px solid red;}显示效果：2、若是div设置为百分比的形式宽度无论如何都行！：width:50%;能行！ 无视内容！ 即使内容超出宽度框的宽度还是50%，内容超出框而存在；高度无论如何都不行！：heigth：50%则不行 高度为内容的高度，如要设置高度 需要用height:50px
显示图片
嵌套
无边框
学习
转载
mb5ff2f3435f5ad
2013-07-05 09:56:00
404阅读
2评论

css按钮javascript CSS按钮居中
margin:0 auto;margin后面如果只有两个参数的话，第一个表示top和bottom，第二个表示left和right 因为0 auto，表示上下边界为0，左右则根据宽度自适应相同值（即居中）
css按钮javascript
自适应
转载
laojean
2023-07-01 10:56:12
597阅读

css ios按钮 css按钮设计
【写在前面】这两天还是比较痴迷于CSS特效的，甚至还想着去用CSS做动画片呢，希望后面能做到，今天主要讲的是我们页面常见的元素-按钮，很多时候按钮也需要高级化，但是很多人苦于没有途径去寻找，于是乎借这个机会给大家分享一下如何实现高级的按钮动态效果，主要线条动态化按钮，及悬浮倒影效果。【涉及知识点】：CSS3实现高级按钮，CSS实现按钮动画特效，CSS实现动态按钮效果，CSS实现按钮光影效果，box
css ios按钮
css
科技
css3
CSS
转载
mob64ca14040d22
2023-10-20 14:43:34
203阅读

旋转菜单按钮
功能描述：实现旋转菜单按钮，效果图如下： 功能分析：1. 内侧的home按钮的点击2. 中间的menu按钮的点击3. 解决动画频繁出现4. 硬件菜单的实现5. 动画后点击的bug动画:1. View Animation: 补间动画，（旋转，位移，缩放，透明度，set） 1. 原理: 通过父容器来绘制自己动画时的样子2. Property Animation: 属性动画（补间动画可以做到的，都
android
动画
菜单
ide
2d
原创
心猿码意
2022-03-24 16:50:04
245阅读

jquery 菜单按钮
# 实现jQuery菜单按钮的步骤 ## 1. 引入jQuery库 在实现jQuery菜单按钮之前，我们首先需要在HTML文档中引入jQuery库。可以通过以下代码将jQuery库引入到HTML文档中： ```html
jQuery
HTML
html
原创
mob649e81684ddc
2023-10-04 05:00:57
57阅读
  • 1
  • 2
  • 3
  • 4
  • 5
精品课程领资料
免费资料>
2025软考
系统架构设计师 系统规划与管理师 软件设计师 系统集成项目管理工程师
信创认证
系统架构师 信创集成项目管理师 信创规划管理师 系统开发工程师
厂商认证
CKA/CKS架构师 红帽认证工程师 Oracle-OCP认证 Oracle-OCM认证
IT技术
数据库高级工程师 AIGC大模型实战 Linux云计算架构师 Python全栈开发
华为认证
数通HCIP认证 云计算HCIE认证 华为存储HCIE认证 HCIP安全认证
相关文章

jquery 按钮菜单

CSS+DIV-理解CSS+div布局

菜单和按钮-EasyUI Menu 菜单、EasyUI Linkbutton 链接按钮、EasyUI Menubutton 菜单按钮、EasyUI Splitbutton 分割按钮

【CSS】按钮

菜单导航 纯CSS3液态胶合效果的环形菜单按钮特效

CSS+DIV-初探CSS

div + css排版

xhtml css/div

css 旋转div

CSS与DIV

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

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