简单版发布留言案例
摘要：案例分析： 1.点击按钮之后就动态创建一个 li； 2.创建 li 的同时，把文本域里面的值通过 innerHTML 赋值给 li； 3.如果想要新的留言后面显示就用 appendChild ，如果想要在前面显示就用 insertBefore 。 效果： 代码： 1 <!DOCTYPE html>
阅读全文
posted @
2020-03-15 21:09
SailorM
阅读(362)
推荐(0) 编辑
下拉菜单
摘要：案例分析： 1.导航栏里面的 li 都要有鼠标经过的效果，所以需要循环注册鼠标事件； 2.核心原理：当鼠标经过 li 里面的第二个孩子 ul 显示，当鼠标离开，则 ul 隐藏； 效果展示： 代码： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <me
阅读全文
posted @
2020-03-13 15:52
SailorM
阅读(212)
推荐(0) 编辑
tab栏切换布局
摘要：案例分析 1.Tab栏切换有两个大的模块； 2.上面是模块选项卡，点击某一个，当前的底色为红色，其余不变（排他思想），用修改雷鸣的方式； 3.下面的模块内容，会跟随上面的选项卡变化，所以下面的模块变化需要写到点击事件里面； 4.规律：下面的模块显示内容和上面的选项卡意义对应相匹配； 5.核心思路：给
阅读全文
posted @
2020-03-12 15:27
SailorM
阅读(649)
推荐(0) 编辑
