摘要：
实验一 vlan的创建与划分 一、实验目的： 1．了解vlan的工作原理；2．学习基于端口划分vlan的方法；3．了解跨交换机的相同vlan之间的通信；4．进一步学习交换机端口的配置命令。 二、实验原理： VLAN（Virtual Local Area Network）即虚拟局域网，是一种通过将局域 阅读全文
posted @ 2023-05-10 17:47
权衡
阅读(46)
评论(0)
推荐(0)
摘要：
实验二：路由器 一、实验目的：1．理解动态路由的工作原理；2. 学习并掌握动态路由协议RIP的配置；3．学习并掌握动态路由协议OSPF的配置；4．进一步学习路由器的配置命令。二、实验原理：（一）静态路由：在拓扑结构简单的网络中，网管员通过手工的方式配置本路由器未知网段的路由信息，从而实现不同网段之间 阅读全文
posted @ 2023-05-10 17:47
权衡
阅读(16)
评论(0)
推荐(0)
摘要：
五、实验过程：1、基本配置1）选择PC、路由器、三层交换机，并进行连接。2）配置IP地址3）三层交换机的基本配置Switch(config)#vlan 100Switch(config)#interface fastethernet0/2Switch(config-if)#switchport ac 阅读全文
posted @ 2023-05-10 17:47
权衡
阅读(8)
评论(0)
推荐(0)
摘要：
案例28：仿淘宝侧边栏功能分析： 需要用到页面滚动事件 scroll 因为是页面滚动，所以事件源是 document滚动到某个位置，就是判断页面被卷去的上部值。页面被卷去的头部：可以通过window.pageYOffset 获得 如果是被卷去的左侧 window.pageXOffset注意，元素被卷 阅读全文
posted @ 2023-05-10 17:47
权衡
阅读(18)
评论(0)
推荐(0)
摘要：
案例23：发送短信案例<body> 手机号码： <input type="number"> <button>发送</button> <script> // 按钮点击之后，会禁用 disabled 为true // 同时按钮里面的内容会变化， 注意 button 里面的内容通过 innerHTML修改 阅读全文
posted @ 2023-05-10 17:45
权衡
阅读(7)
评论(0)
推荐(0)
摘要：
案例25：发送短信案例location.search取到数据 <body> <div></div> <script> console.log(location.search); // ?uname=andy // 1.先去掉？ substr('起始的位置'，截取几个字符); var params = 阅读全文
posted @ 2023-05-10 17:45
权衡
阅读(12)
评论(0)
推荐(0)
摘要：
案例26：拖动的模态框弹出框，我们也称为模态框。功能： 点击弹出层， 会弹出模态框， 并且显示灰色半透明的遮挡层。点击关闭按钮，可以关闭模态框，并且同时关闭灰色半透明遮挡层。鼠标放到模态框最上面一行，可以按住鼠标拖拽模态框在页面中移动。鼠标松开，可以停止拖动模态框移动。实现步骤： 点击弹出层， 模态 阅读全文
posted @ 2023-05-10 17:45
权衡
阅读(14)
评论(0)
推荐(0)
摘要：
案例27：仿京东放大镜效果黄色的遮挡层跟随鼠标功能。把鼠标坐标给遮挡层不合适。因为遮挡层坐标以父盒子为准。首先是获得鼠标在盒子的坐标。之后把数值给遮挡层做为left 和top值。此时用到鼠标移动事件，但是还是在小图片盒子内移动。发现，遮挡层位置不对，需要再减去盒子自身高度和宽度的一半。遮挡层不能超出 阅读全文
posted @ 2023-05-10 17:45
权衡
阅读(72)
评论(0)
推荐(0)
摘要：
案例24：5秒之后自动跳转页面<body> <button>点击</button> <div></div> <script> var btn = document.querySelector('button'); var div = document.querySelector('div'); bt 阅读全文
posted @ 2023-05-10 17:45
权衡
阅读(16)
评论(0)
推荐(0)
摘要：
案例19：动态生成表格<body> <table cellspacing="0"> <thead> <tr> <th>姓名</th> <th>科目</th> <th>成绩</th> <th>操作</th> </tr> </thead> <tbody> </tbody> </table> <scrip 阅读全文
posted @ 2023-05-10 17:44
权衡
阅读(16)
评论(0)
推荐(0)
浙公网安备 33010602011771号