Web/菜单的制作（还没有完成）

最新推荐文章于 2024-06-04 21:34:50 发布
最新推荐文章于 2024-06-04 21:34:50 发布
阅读量437 收藏
点赞数
分类专栏： Web 文章标签： xhtml html float menu join div
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/rorger/article/details/6029458
版权

                                                                 Web/菜单的制作

菜单的制作

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>无标题页</title>
    <style type="text/css">
        #menu
        {
          font-family:Arial; 
          position:absolute;
        } 
       
        #menu ul
        {
         background-color:Maroon;
         
            list-style-type:none; 
        }
       
        #menu ul li
        {
         margin-right:5px;
            background-color:Gray;
         float:left;  
        }
       
        #menu ul li  a
        {
         text-decoration:none;         
        }
       
        #menu ul li  ul
        {
         display:none;
        }
       
        #menu ul li:hover  ul
        {
         display:block;
         position:absolute;
         left:0px;
        }
       
       
        #menu ul li:hover ul li ul
        {
            display:none; 
        }

        #menu ul li:hover ul li:hover ul
        {
            display:block; 
            position:absolute;
            left:0px;
        }
       
       
    </style>
</head>
<body>
    <div id="menu">
        <ul>
            <li><a href="#">Home</a>
                <ul>
                    <li><a href="#">What's New</a></li>
                    <li><a href="#">Join Us</a></li>
                    <li><a href="#">More</a>
                        <ul>
                            <li><a href="#">third floor</a></li>
                            <li><a href="#">a Nice</a></li>
                            <li><a href="#">Speed</a></li>
                        </ul>
                    </li>
                </ul>
            </li>
            <li><a href="#">Products</a>
                <ul>
                    <li><a href="#">ProductA</a></li>
                    <li><a href="#">ProductB</a></li>
                    <li><a href="#">ProductC</a></li>
                </ul>
            </li>
            <li><a href="#">DownLoad</a>
                <ul>
                    <li><a href="#">DownLoadA</a></li>
                    <li><a href="#">DownLoadB</a></li>
                    <li><a href="#">DownLoadC</a></li>
                </ul>
            </li>
            <li><a href="#">About</a>
                <ul>
                    <li><a href="#">About me</a></li>
                    <li><a href="#">About us</a></li>
                    <li><a href="#">More</a>
                        <ul>
                            <li><a href="#">third floor</a></li>
                            <li><a href="#">a Nice</a></li>
                            <li><a href="#">Speed</a></li>
                        </ul>
                    </li>
                </ul>
            </li>
        </ul>
    </div>
</body>
</html>

rorger
关注
专栏目录
如何使用HTML制作个人网站（ web期末大作业）
weixin__BJ050106的博客
08-14 3731
🏀校园篮球网页设计、⚽足球体育运动、🤽体育游泳运动、🏓兵乓球 、🎾网球、等网站的设计与制作。🏷️ 大学生校园运动静态HTML网页设计作品，采用DIV CSS布局制作，内容包括：校园运动、运动技巧、运动规则、技术规则、经典动作。页面主体内容区域宽度为1200PX。网页整体使用CSS设置了网页背景图片。页面精美包含多个排版布局，学生网页作业水平制作。🏅 一套优质的💯网页设计应该包含 (具体可根据个人要求而定)📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构......
web页面菜单制作工具
10-31
网页菜单制作工具是一种专为美工设计师打造的实用软件，旨在简化网页菜单栏的设计过程，提高工作效率。在网页设计中，菜单是用户导航网站的重要元素，它的设计与功能直接影响到用户体验。这款工具提供了丰富的功能和...
web-综合 商城下拉菜单的制作
m0_60416689的博客
01-08 3092
第1关：商城下拉菜单颜色样式的制作 任务描述 本关任务： 实现对a标签字体背景颜色的修改，要求颜色型号（#06F）。 选择鼠标指针浮动在a标签上的颜色样式，要求颜色样式（#FF3）。 相关知识 为了完成本关任务，你需要掌握：a标签样式设置 a标签样式设置 a:link {color: blue} /* 未被访问的链接 蓝色 */ a:visited {color: blue} /*已被访问过的链接 蓝色 */ a:hover {color: blue} /*鼠标悬浮在上的链接 蓝色 */ a:a
WEB入门.九 导航菜单
张晨光老师的播客
02-19 1万+
学习内容水平导航菜单垂直导航菜单下拉式导航菜单能力目标制作tab标签导航菜单制作带箭头的导航菜单制作带信息提示的导航菜单制作垂直下拉导航菜单制作水平下拉导航菜单本章简介上一章节中讲解了 background 属性的用法，以及两种主流的背景特效——页面图片整合技术以及滑动门技术，设计师可以使用这两种技术制作出多种页面背景特效，如平滑投票、Tab 导航菜单等。在Web 应用中，除了布局设计外，页面导航
使用wheelnav.js构建酷炫的动态导航菜单
最新发布
夜郎King的博客
06-04 6047
本文主要介绍一种基于SVG的web动态导航组件。通过这个组件可以实现很多丰富酷炫的效果。首先介绍这款wheelnav.js的相关知识，然后结合代码讲解如何在html页面中创建其对象，接着讲解wheelnav的一些属性和方法，最后给出基于wheelnav的实际成果。
Web前端大作业制作个人网页(html+css+javascript)
HTML网页设计 专注大学生网页设计
11-08 1912
🧑个人网页设计、🙋‍♂️个人简历制作、👨‍💼简单静态HTML个人网页作品、👨‍🏭个人介绍网站模板 、等网站的设计与制作。⭐个人网页设计网站模板采用DIV CSS布局制作，网页作品有多个页面，如 :个人介绍（文字页面）、我的作品（图片列表）、个人技能（图文页面）、在线留言（表单页面）CSS样式方面网页整体采用左右布局结构，制作了网页背景图片，导航区域每个导航背景色不同，导航背景色与页面背景呼应。🏅 一套A+的网页应该包含 (具体可根据个人要求而定)📔网站布局方面：计划采用目前主流的、能兼容各大
用php完成下拉菜单,最新的8个实现下拉菜单功能的总结
weixin_28858247的博客
03-09 1996
在计算机应用中，下拉式选单是选单的一种表现形式。具体表现为：当用户选中一个选项后，该选单会向下延伸出具有其他选项的另一个选单。下拉式选单通常应用于把一些具有相同分类的功能放在同一个下拉式选单中，并把这个下拉式选单置于主选单的一个选项下。下拉菜单内的项目可以据需要设置为多选或单选，可以用来替代一组复选框(设置为多选)或单选框(设置为单选)。这样比复选框组或单选框组的占用位置小，但不如它们直观。使用 ...
Python Web前端实战案例——电商网站商品菜单导航栏
闭关修炼——暂退
01-08 9263
jQuery是一个快速、小巧、轻量级的、写的少、做的多、功能丰富的 JavaScript 库，是目前最流行的 JS 框架。利用它可以帮我们快速实现一些炫酷的效果。 目录1 原理先知2 思路概要3 详细步骤3.1 下载资源3.2 项目创建架构3.3 style.css 编写3.3.1 分步详解3.3.2 总观代码3.4 menubar.html 编写3.4.1 分步详解3.4.2 总观代码4 成品效果展示5 总结 1 原理先知 商品菜单导航栏是每个电商网站首页呈现菜单的必备的部分，因为复杂的网页，功能性较.
web前端期末大作业：基于HTML+CSS+JavaScript制作我的音乐网站（带设计报告）
网页设计与制作 | HTML+CSS+JS
11-05 7672
🎵 音乐网页设计 、🎸仿网易云音乐、各大音乐官网网页、🎶明星音乐演唱会主题、🥁爵士乐音乐、民族音乐、等网站的设计与制作。🏷️HTML音乐网页设计，采用DIV+CSS布局，共有多个页面，排版整洁，内容丰富，主题鲜明，首页使用CSS排版比较丰富，色彩鲜明有活力，导航与正文字体分别设置不同字号大小。导航区域设置了背景图。子页面有纯文字页面和图文并茂页面。🏅 一套优质的💯网页设计应该包含 (具体可根据个人要求而定)📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结
web用css做网页实验报告,Web实验报告网页设计与制作
weixin_39963255的博客
08-03 2354
《Web实验报告网页设计与制作》由会员分享，可在线阅读，更多相关《Web实验报告网页设计与制作(6页珍藏版)》请在人人文库网上搜索。1、Web实验报告课题：网页设计与制作专业：通信工程班级：学号： 一.实验任务：设计制作一个网页设计与制作精品课程网站二实验要求：(1)站点目录： 要求层次分明，不能将内容都放在站点根目录下；不要使用中文；为每种类型文件都建立一个独立的目录。(例如images文件夹用...
web前端html期末大作业实例 (1500套)
热门推荐
HTML网页设计
10-03 9万+
临近期末，大一新生的各种考试和专业结课作业纷至沓来。web实训大作业、网页期末作业、web课程与设计、网页设计等，简直让人头大。你还在为网页设计老师的作业要求感到头大？网页作业无从下手？网页要求的总数量太多？没有合适的模板？等等一系列问题。你想要解决的问题，在这篇博文中基本都能满足你的需求, 废话不多说，直接看效果。📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站程序方面：计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确
JavaScript制作的可折叠弹出式菜单示例
10-26
在这篇文档中，我们要探讨的知识点集中在如何用JavaScript实现一个可折叠的弹出式菜单。弹出式菜单是网页中常见的导航组件，它通常用于在有限的空间内展示更...这样的菜单不仅节省了页面空间，还提升了用户的浏览体验。
大学生web网页制作设计期末大作业【6个页面+多元素组合】
06-29
在大学生的Web网页制作设计课程中，期末大作业通常是学生们展示所学技能的重要环节。这个“大学生web网页制作设计期末大作业【6个页面+多元素组合】”项目，旨在检验学生的网页设计与开发能力，同时也体现了他们对...
Flash菜单制作
09-27
在IT行业中，Flash菜单制作是一项重要的技能，尤其在网页设计和互动媒体开发中。Flash，由Adobe公司开发，曾是创建动态、交互式内容的首选工具。本篇将深入探讨Flash菜单的制作过程，以及如何利用专业软件如"Flash ...
HTML/CSS登录界面
10-27 5447
                                                          HTML/CSS登录界面今天做登录界面，一直碰到一个问题，就是图片不能重叠在一起；一般使用png重叠；找了良久，发现需要在html前面加上：工具一般会自动生成，但是用记事本的那些人就要注意啦；这个属性会影响到css的float属性；DOCTYPE看来还是蛮重要的，之前一直忽略它。
JS/验证单选按钮的值
10-30 1870
<br />                                                JS/验证单选按钮的值<br /><br /><input type="radio" name="sex"  value="male">男 <br /><input type="radio" name="sex" value="male">女<br /> <br /><br /><br />function checkSexSelected()<br />{<br />    var sexs=doc
统计图表/模仿PHP和WebMysql 21章例子
12-29 1744
                                          统计图表/模仿PHP和WebMysql 21章例子//rorger//2010在mysql中创建数据库：create database language ;use language ;create table language_results (   language_name varchar(30),   language_nums int ;);制作统计界面：Which language do you like bett
使用VS2005制作Web安装包：步骤与技巧
在Web应用程序开发中，制作安装包是将网站部署到目标服务器的关键步骤。VS2005自带的安装部署工具提供了一种方便的方法来生成可执行的exe安装文件。首先，了解预编译的概念很重要，这可以优化ASP.NET应用的性能，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值