超级漂亮炫酷的HTML菜单栏导航栏+网站+独特二级列表

最新推荐文章于 2024-07-16 16:43:05 发布

water-之

最新推荐文章于 2024-07-16 16:43:05 发布

阅读量1.1w

点赞数 40

文章标签： css html html5 css3 javascript

本文链接：https://blog.csdn.net/justleavel/article/details/113618379

版权

下面介绍一个十分特效炫酷的菜单栏
还是老样子直接上图：（下面有彩蛋）
在这里插入图片描述

这里的首页圆圈点击会有渐变色和旋转的特效！！
右上角的导航栏也是十分炫酷的动态特效，点击变色！
具体网站代码请观看这里，全部的网站代码和所需图片：
https://download.csdn.net/download/justleavel/15016986
有什么问题可以联系我：QQ2831826106（卡拉肖克-伦）
我可以代做网站，制作精美的个人网站哦！
（另外所有的电影，电视剧，动漫资源也可以私聊我！我全都有哦！）
（是所有的哦，国内国外，欧美日韩）
下面展示一段HTML代码：

<!DOCTYPE html>
<html>

<head>

  <meta charset="UTF-8">

  <title>山西农业大学创新创业园官网</title>

 <link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/style.css" media="screen" type="text/css" />

</head>

<body>
<div style="text-align:center;clear:both">
<script src="/gg_bd_ad_720x90.js" type="text/javascript"></script>
<script src="/follow.js" type="text/javascript"></script>
</div>


     <div class="w1">
    <div  id=""   class=""><a href="" class="Z">    <h id="s1">山西农业大学 </h>    </a></div>
    <div  id=""   class="w2"><a href="" class="Z">    <h id="w1">创新创业园官方网站</h>    </a></div>
    </div>
	
	
	    <div class='ribbon'>
			<a href='#'><span>关于我们</span></a>
			<a href='#'><span>园区简介</span></a>
			<a href='#'><span>组织机构</span></a>
			<a href='#'><span>区域位置</span></a>
		</div>
  
  <div class="radmenu"><a href="#" class="show" >首页</a>
  <ul>
    <li>
      <a href="#" class="">金钥匙</a>
      <ul>
        <li><a href="#">导师库</a></li>
        <li><a href="#">项目库</a></li>
        <li><a href="#">企业库</a></li>
        <li><a href="#">生活圈</a></li>
      </ul>
    </li>
    <li>
      <a href="#">新闻资讯</a>
      <ul>
        <li><a href="#">园区新闻</a></li>
        <li><a href="#">通知公告</a></li>
        <li><a href="#">政策导航</a></li>
        <li><a href="#">视频中心</a></li>
        
      </ul>
    </li>
    <li>
      <a href="#">创业平台</a>
      <ul>
        <li><a href="#">苗圃团队</a></li>
        <li><a href="#">孵化企业</a></li>
        <li><a href="#">创业故事汇</a></li>
       
      </ul>
    </li>
    <li>
      <a href="#">就业平台</a>
      <ul>
        <li><a href="#">教育培训</a></li>
        <li><a href="#">实习就业指导</a></li>
        <li><a href="#">招聘信息</a></li>
        <li><a href="#">人才自荐</a></li>
      </ul>
    </li>
    <li>
      <a href="#">服务平台</a>
      <ul>
        <li><a href="#">入驻指南</a></li>
        <li><a href="#">资料下载</a></li>
        <li><a href="#">工商服务</a></li>
        <li><a href="#">项目申报</a></li>
        <li><a href="#">金融服务</a></li>
      </ul>
    </li>
	
  </ul>
</div>
  <div class="z1"><p align="center">版权所有  范涛之制作 @copy    完成时间： 2021-02-03    made by-fantaozhi</p></div>




  <script src="js/index.js"></script>
  <iframe src = "str.mp3" allow = "autoplay" hidden />


</body>

</html>

再次提示！！！
具体网站代码请观看这里，全部的网站代码和所需图片：
https://download.csdn.net/download/justleavel/15016986
有什么问题可以联系我：QQ2831826106（卡拉肖克-伦）
我可以代做网站，制作精美的个人网站哦！
（另外所有的电影，电视剧，动漫资源也可以私聊我！我全都有哦！）
（是所有的哦，国内国外，欧美日韩）

water-之

关注

40
点赞
踩
86

收藏

觉得还不错? 一键收藏
打赏
2
评论
超级漂亮炫酷的HTML菜单栏导航栏+网站+独特二级列表

下面介绍一个十分特效炫酷的菜单栏还是老样子直接上图：（下面有彩蛋）这里的首页圆圈点击会有渐变色和旋转的特效！！右上角的导航栏也是十分炫酷的动态特效，点击变色！具体网站代码请观看这里，全部的网站代码和所需图片：https://download.csdn.net/download/justleavel/15016986有什么问题可以联系我：QQ2831826106（卡拉肖克-伦）我可以代做网站，制作精美的个人网站哦！（另外所有的电影，电视剧，动漫资源也可以私聊我！我全都有哦！）（是所有的
复制链接

扫一扫