网页doctype头部声明的重要性及声明标准
doctype的作用 doctype声明指出阅读程序应该用什么规则集来解释文档中的标记。在Web文档的情况下,“阅读程序”通常是浏览器或者校验器这样的一个程序,“规则”则是W3C所发布的一个文档类型定义(DTD)中包含的规则。 每个DTD都包括一系列标记、attributes和properties,它们用于标记Web文档的内容;此外还......
2021年5月发布的文章
doctype的作用 doctype声明指出阅读程序应该用什么规则集来解释文档中的标记。在Web文档的情况下,“阅读程序”通常是浏览器或者校验器这样的一个程序,“规则”则是W3C所发布的一个文档类型定义(DTD)中包含的规则。 每个DTD都包括一系列标记、attributes和properties,它们用于标记Web文档的内容;此外还......
使用方法 引入文件 <script src="js/jquery.min.js"></script> <script src="js/posfixed.js"></script> HTML <div id="example1"> </div> ......
区域范围滑块在 Windows 系统中很常见,如更改分辨率(Windows XP 为横向,Windows 7 为纵向)。在 HTML5 中,input 也新增了一个类似这种效果的 type 属性 range,这种滑块能给用户提供更好的体验,然而古老的 IE6、IE7 和 IE8 等并不支持。如果希望在 IE 中使用这种效果,那么 noUiSlider ......
简介 Zooming 是一款纯 javascript 图片缩放库,主要特点有: 不依赖其他库,纯 JavaScript 实现,支持移动设备; 流畅的动画; 可缩放高清图像; 易于集成和定制。 浏览器兼容 ......
简介 Owl Carousel 是一个强大、实用但小巧的 jQuery 幻灯片插件,它具有一下特点: 兼容所有浏览器 支持响应式 支持 CSS3 过度 支持触摸事件 支持 JSON 及自定义 JSON 格式 支持进度条 ......
<style> #main { width: 350px; height: 150px; border: 1px solid #c3c3c3; display: -webkit-flex......
在实际项目中我们经常需要实现轮询-每隔一段时间请求一次接口刷新数据 window.setInterval(() => { setTimeout(() => { ///调取接口 }, 0) }, 30000) 具体秒数看需求而设定,这里先设定30秒(setTimeout是自带清除定时器)...
简介 Rythm.js 是一款能够让页面“跳舞”的 javascript 库,它能够让页面支持脉冲、跳跃、摇动、扭动、淡入淡出、变换颜色等特效,同时还可以播放音频,使页面更有趣。 Rythm.js 目前的版本(v2.0.0)有一个 bug,在 Safari 上不能运行,请谨慎使用。 浏览器兼容 ......
简介 Scrollanim 是使用 CSS3 + JavaScript 实现的用于创建滚动动画的库,应用到元素上后,当此元素出现在浏览器可视区域时便会执行对应的动画,和之前介绍的 WOW.js及 scrollReveal.js类似。 Scrollanim 是Kissui的一部分,所以使用 Scrollanim......
简介 overhang.js 是一款基于 jQuery 和 jQuery UI 的用于显示通知、确认、提示的插件,它以动画的方式从顶部滑出。overhang.js 提供了众多参数,你可以自定义通知的样式,回调函数也能够满足你的更多需求。 使用方法 1、引入文件 <link rel="stylesheet"......