随笔分类 -  HTML5

摘要：目前的网页都右侧边栏，有的是在左侧，类似于导航栏，如一些购物商城，还有一些是在网页的右下角，一般是提示客服信息和微信/QQ等服务。 这里都涉及到一个动画效果的展示，即点击侧边栏时会在侧边栏的右侧或者左侧出现相应的信息。如下图慕课网右下角的侧边栏，把鼠标放在最后一个微信图标上，会弹出慕课网的二维码。 阅读全文

摘要：在浏览网页时，我们一般是拖动滚动条向下滑动，浏览下面的内容，当页面超过单页时，右下角会出现一个回到顶部的图标，有些网站这个图标一直显示在右下角的。 有些网站使用锚链接来实现页面内容的跳转，但这种效果的用户体验比较差，因为是突然跳转，眼睛来不及反应。 这里我们使用js实现页面返回顶部。为了使滚动条渐进 阅读全文

摘要：<a href="javascript:;"></a>阻止点击时的默认行为，如果href=""或href="#"点击后则会回到顶部 固定位置：position:fixed；图片居中：margin:0 auto; 鼠标浮动切换效果，.test:hover{} 阅读全文

摘要：今天使用阿里云服务器部署近期做得一个网页，云服务器ECS的配置为 IIS配置好后，通过IP地址访问网页时，出现如下错误。 首先尝试了解决方法1：即在身份认证中启用匿名身份认证，但没有用，依旧出现401错误 如下图： 最后采取更改文件的安全属性解决了问题。具体操作如下： 网页所在文件夹右击-->属性- 阅读全文

摘要：在上一篇对Web Storage的介绍中，可以看到，使用Storage保存key—value对时，key、value只能是字符串，这对于简单的数据来说已经够了，但是如果需要保存更复杂的数据，比如保存类似于表记录的数据，那该怎么办呢？ 下面提供一种解决方式， 按如下步骤来存储结构化的数据 1）把结构化 阅读全文

摘要：在传统的HTML时代，浏览器的主要功能只是负责展现HTML页面，即使增加了JS脚本，依然只是动态的修改HTML页面服务。因此，浏览器只是一个页面呈现工具。 如果开发者需要在客户端存储少量数据，早期只能通过Cookie来实现，但Cookie存在如下三点不足： 1. Cookie 大小被限制为4KB 2 阅读全文