第二周

最新推荐文章于 2022-07-02 10:29:55 发布

w13018273083

最新推荐文章于 2022-07-02 10:29:55 发布

阅读量120

点赞数

本文链接：https://blog.csdn.net/w13018273083/article/details/88715598

版权

** 第二章**
用户交互设计

导航设计

dos------------color c dir/s 遍历当前文件夹所有文件

继续以案例的形式

1.导航栏（变换菜单，多级菜单）
复习 javascript html以及css

代码实现：
ul li实现

        <style type=“text/css”>
                   a {color:#fff99;text-decoration:none;} a:hover
             {color；#FFFFF;text-decoration:none;}
             .top-nav{padding:10px  10px 0;font-size:12px; font-weight:bold;
                   margin:1px 0 0 0 ;list-style:none;boeeder-bottom;8px solid #dc4e1b;overfiow:hiddenbackground-color:#33b5e5;}
                   .top-nav li{fioat:left;margin-right:1px;}
                      color:#666666;display:block;width:80px;text-align:center;}
                     .top-nav li a span {posstion:absolute;visibility;hidden;}
                      .top-nav li a span:hover span {   line-height:  20px;  text - decoration:none;  background:#DDDDD;   color : #666666;
                    display:block;width:80px;text-align:center;}
          </style>
          </head>
          <body>
                  <div>  
                      <li><a href="#">首页<span>Home</span></a></li>
                      <li><a href="#">课程大厅<span>Course</span></a></li>
                      <li><a href="#">学习中心<span>Learn</span></a></li>
                      <li><a href="#">关于我们<span>About</span></a></li>
                  </div>
           </body>

2.JQuery 基础------------------------js框架简单易用代码量少
js十行，JQuery 两行就可以搞定.

完

w13018273083

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
第二周

** 第二章**用户交互设计导航设计dos------------color c dir/s 遍历当前文件夹所有文件继续以案例的形式1.导航栏（变换菜单，多级菜单）复习 javascript html以及css代码实现...
复制链接

扫一扫