web必用js文件

html5shiv 让IE支持HTML5标签,需要判断IE版本

XML/HTML代码
  1. <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 特性,实现响应式网页设计

XML/HTML代码
  1. <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>   

 

 引用方法:

XML/HTML代码
  1. <!–[if lt IE 9]>  
  2.       <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>  
  3.       <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>  
  4. <![endif]–>  

 

prefixfree.js 自动解析css,为不同浏览器增加私有前缀,如:

-khtml- Konqueror
-rim- RIM
-ms- Microsoft(IE)
-0- Opera
-moz- Mozilla(如Firefox)
-webkit- Webkit

http://leaverou.github.com/prefixfree/

XML/HTML代码
  1. <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 使页面滚动平滑

XML/HTML代码
  1. <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文件

赞 (1)