Hexo

2021年8月6日

style属性的设置和获取在DOM当中，如果想设置样式，有两种形式： className（针对内嵌样式表） style（针对行内样式）这一段就来讲一下style。需要注意的是：style是一个对象，只能获取行内样式，不能获取内嵌的样式和外链的样式。例如： 12345678910111213141516171819202122232425<!DOCTYPE html>&...

2021-08-06

阅读全文

2021年8月6日

访问关系的函数封装（1）函数封装新建一个文件名叫tools.js，然后在里面封装访问关系。代码如下。 tools.js: 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172...

2021-08-06

阅读全文

2021年8月6日

本文最初发表于博客园，并在GitHub上持续更新前端的系列文章。欢迎在GitHub上关注我，一起入门和进阶前端。以下是正文。京东网页上，可以看到下面这种tab栏的切换：我们把模型抽象出来，实现一下。举例引入：鼠标悬停时，current元素的背景变色本段我们先举一个例子，因为这里用到了排他思想（先干掉 all，然后保留我一个）。对于理解tab切换，很有帮助。完整的代码实...

2021-08-06

阅读全文

2021年8月6日

DOM操作练习举例1：点击按钮时，显示和隐藏盒子。代码实现： 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263<!DOCTYPE html><html><head lang=&q...

2021-08-06

阅读全文

2021年8月6日

02-CSS基础练习：JD首页的制作（快捷导航部分）我们在上一篇文章中制作的网页最顶部的导航，是属于网页导航。本文中，Banner图上方的导航，叫做快捷导航（shortcut）。 ##快捷导航的骨架我们先制作快捷导航的骨架。如下图所示：上图中，shortcut-nav-menu-all和shortcut-nav-menu-one都是属于shortcut-nav-menu部分，只不过...

2021-08-06

阅读全文