html5shiv 让IE支持HTML5标签,需要判断IE版本
- <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
respond.js 让 IE6-8 以及其它不支持 CSS3 Media Queries 的浏览器提供媒体查询的 min-width 和 max-width 特性,实现响应式网页设计
- <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
引用方法:
- <!–[if lt IE 9]>
- <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
- <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
- <![endif]–>
prefixfree.js 自动解析css,为不同浏览器增加私有前缀,如:
-khtml- Konqueror
-rim- RIM
-ms- Microsoft(IE)
-0- Opera
-moz- Mozilla(如Firefox)
-webkit- Webkit
http://leaverou.github.com/prefixfree/
- <script src="http://cdn.bootcss.com/prefixfree/1.0.7/prefixfree.min.js"></script>
prefixfree.js应用之Animatable,很炫,很简单的动画
http://leaverou.github.io/animatable/
Animatable项目页面动画效果的批量实现原理如下:
1. 遍历页面上每个含有data-property属性的a元素;
2. 根据dom元素上的data-property值,form值和to值组装无前缀的CSS3 animate样式代码;
3. 以style节点元素的形式将组装的CSS代码append到head标签中,因页面调用了prefixfree.js脚本,于是各个浏览器下的animate CSS被渲染,效果呈现
smoothscroll-for-websites 使页面滚动平滑
- <script src="http://cdn.bootcss.com/smoothscroll/1.4.4/SmoothScroll.js"></script>
http://www.bootcdn.cn/smoothscroll/
https://github.com/galambalazs/smoothscroll-for-websites
未经允许不得转载:Windy's Blog » web必用js文件