![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript经典案例实现
夏至か未至
这个作者很懒,什么都没留下…
展开
-
JavaScript实现下拉菜单操作
JavaScript实现下拉菜单操作案例分析:(1)该操作分为两个部分,导航栏和下拉菜单部分,因此需要使用嵌套,一共使用两对ul和li标签,外面的ul构成导航栏框架,在li里面一一对应另一对ul和li,在内层中书写对应的下拉菜单项;(2)在导航栏中,每个li都需要添加鼠标经过效果,因此需要用到循环注册鼠标事件;(3)核心思想:添加点击事件,当鼠标经过 li 里面的第二个孩子(内层的ul)时,使ul显示出来,当鼠标离开时,再将对应的ul隐藏起来。完整代码如下:<!DOCTYPE html&g原创 2020-09-23 20:17:53 · 3302 阅读 · 0 评论 -
JavaScript实现tab栏切换
JavaScript实现tab栏切换核心思想:主要使用的是排他思想,即干掉所有人,只保留自己一个。完整代码实现:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>tab栏切换</title> <style> /*清除元素默认的内外边距*/ * { margin:原创 2020-09-23 11:53:38 · 307 阅读 · 0 评论