我是一个neko目录导航进度条?的测试

一个页面文档最多一个neko进度条,设置多个会出现一些问题(节点名冲突,或者你可以改一下源代码,主要是我懒得改了)

请向下滚动页面、点击猫、进度条以及目录导航查看效果

到达顶部时,点击猫,快速到达底部

到达底部以及底部与顶部中间的区域时,点击猫,快速到达顶部

点击进度条,根据点击位置滚动相应距离百分比

点击目录导航,快速到达指定位置,目录也是可以滚动的,overflow的话

具体使用请查看源文件的index.html并阅读相应注释等

注:以下内容转自 https://developer.mozilla.org/zh-CN/docs/Learn/Getting_started_with_the_web

建立你的第一个网站

安装基础软件

当提到建站工具的时候,网上有着一大堆工具可供选择。如果你才刚刚起步,你可能会在各种各样的代码编辑器、框架以及测试工具中困惑不已。 在安装基础软件中我们将一步一步地展示如何安装一些你所需要的基础 Web 开发软件。

你的网站看起来是什么样的?

在开始为你的网站写代码之前,你应该先做好规划。你将展示什么信息?你将使用什么样的字体和颜色?在你的网站看起来是什么样的?这一块中我们简要讲述了一个简单的方法,你可以根据这个方法来设计和规划网站的内容。

文件处理

一个网站包含很多文件:文本内容、代码、样式表、媒体内容等。当你建立一个网站,你需要给这些文件安排一个合理的结构,并确保它们能够相互联系。文件处理这块内容将向你解释如何给你的网站建立一个合理的文件结构以及一些你应该要注意的问题。

HTML基础

超文本标记语言 ( HTML ) 是用来构建你的网页内容并将其语义化的代码。举例来说, 我的内容是一些段落还是带点的列表?我的网页上有插入图片吗?有数据表格吗?HTML 基础将在你能承受的范围内提供足够的信息让你熟悉 HTML。

css基础

层叠样式表 (CSS) 是用来添加样式到你网站的代码。举例来说,你想让文字是黑色还是红色的?在屏幕的何处展示内容?用什么背景图像和颜色来装饰你的网站?CSS 基础带你完成你需要做的事。

Javascript基础

JavaScript 是一种被用来添加交互功能到你的网站的编程语言。比如游戏,或者当按下按钮后会发生的事情,或者将数据输入表格,动态样式效果,动画等等。JavaScript 基础将让你了解这门令人激动的语言能做什么,以及如何开始。

发布你的网站

当你完成了代码并整理好了构建网站的文件的时候,你需要将它们发布到互联网上以便人们可以找到它。发布你的网站描述了如何最轻松地发布你的简易代码。

万维网是怎么工作的?

当你访问你喜爱的网站时,你可能不知道在这背后有很多复杂的事情正在发生。万维网是怎么工作的概述了当你通过你的电脑查看一个网页时发生了什么。