摘要: 封装库-下拉菜单本篇,我们主要探讨一下博客网站顶部下拉菜单的制作,其中会用到几个知识点,鼠标移入移出的 hover()方法、隐藏和显示方法 hide()和 show()。一. 界面设计创建一个顶部 header 局域,放入 logo 和个人中心,然后制作一个下拉菜单。颜色参数:背景色... 阅读全文
posted @ 2017-07-12 02:51 PengTdy 阅读(322) 评论(0) 推荐(0) 编辑
摘要: 封装库-CSS[下]本篇,我们继续封装 CSS,主要探讨添加 class 和移除 class。并且能够添加 style 和link 元素的 css 规则。一. 获取节点问题在获取 ID、TagName、Class 节点上,我们把 this.elements 放到了外部,导致实例化的t... 阅读全文
posted @ 2017-07-12 02:45 PengTdy 阅读(132) 评论(0) 推荐(0) 编辑
摘要: 封装库-CSS[上]在使用库的时候,我们通过 css 方法来设置某个或多个节点的样式。这里准备讨论如何获取内容和样式,并且封装一些 css 的其他方法。一. 获取内容在上一篇我们通过 html()方法和 css()方法可以设置标题内容和 CSS 样式,但我们如何通过这两个方法来获取内... 阅读全文
posted @ 2017-07-12 02:36 PengTdy 阅读(274) 评论(0) 推荐(0) 编辑
摘要: 封装库-连缀在调用库的时候,我们需要能够在前台调用的时候可以同时设置多个操作,比如设置 CSS,设置innerHTML,设置 click事件等等。一. 连缀介绍所谓连缀,最简单的理解就是一句话同时设置一个或多个节点两个或两个以上的操作 。 比如:$().getId('box').cs... 阅读全文
posted @ 2017-07-12 02:32 PengTdy 阅读(140) 评论(0) 推荐(0) 编辑
摘要: 创建基础库我们可以创建一个库,这是一个基础库,名字就叫做 base.js。我们准备在里面编写最常用的代码,然后不断的扩展封装。在最常用的代码中,最最常用的,也许就是获取节点方法。这里我们可以编写如下代码://创建一个 base.jsvar Base= { //整个库可以是一个对象 ... 阅读全文
posted @ 2017-07-12 02:22 PengTdy 阅读(141) 评论(0) 推荐(0) 编辑