Web实训——3.26

课堂笔记

一,知识点回顾
jQuery基本语法:
1,jQuery的选择机制构建于CSS的选择器,它提供了快速查询DOM文档中元素的能力,而且大大强化了JavaScript中获取页面元素的方式
2,jQuery语法是为HTML元素的选取编制的,可以对元素执行某些操作。
3,基本语法是:$(selector).action()。
二,二级导航栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
 *{margin: 0;padding: 0}
        #nav{background-color: #ff5e48;width: 600px;height: 20px;margin: 0 auto;}
        ul li{list-style: none;float: left;line-height: 20px;text-align: center;position: relative}
        a {text-decoration: none;color: #c8e1de;padding: 0 20px;width: 100px}
        a:hover{background-color: #669900;color: #eee4cc}
        ul li ul{position: absolute;top: 20px;left: 0px}
        ul li ul li{float: none;background-color: #f2b179;margin: 1px 0;display: none}
        ul li ul li a{padding: 0;}
        ul li:hover ul li{display: block}
 </style>.
</head>
<body>
<div id="nav">
    <ul>
        <li><a href="#">首页</a>
            <ul>
 <li><a href="#">web网页战术</a></li>
                <li><a href="#">web网页战术</a></li>
                <li><a href="#">web网页战术</a></li>
            </ul>
 </li>
        <li><a href="#">课程大厅</a>
            <ul>
                <li><a href="#">web网页战术</a></li>
                <li><a href="#">服务端技术</a></li>
                <li><a href="#">python开发</a></li>
            </ul>
 </li>
        <li><a href="#">学习中心</a>
            <ul>
                <li><a href="#">web网页战术</a></li>
                <li><a href="#">web网页战术</a></li>
                <li><a href="#">web网页战术</a></li>
            </ul>
             </li>
        <li><a href="#">经典案例</a>
            <ul>
                <li><a href="#">web网页战术</a></li>
                <li><a href="#">web网页战术</a></li>
                <li><a href="#">web网页战术</a></li>
            </ul>
 </li>
        <li><a href="#">关于我们</a>
            <ul>
                <li><a href="#">web网页战术</a></li>
                <li><a href="#">web网页战术</a></li>
                <li><a href="#">web网页战术</a></li>
            </ul>
             </li>
    </ul>
</div>
</body>
</html>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值