建站资源下载详情
为您免费提供多种建站资源下载,包括网站模板下载、前端插件下载和字体下载!您只需注册为会员即可任意下载!

JS响应式媒体查询插件enquire.js

来源:易助科技网浏览量:10收藏

简介


enquire.js 是轻量级,纯 JS 实现的 CSS 媒体查询库。它有以下特定:

JavaScript 回调媒体查询,匹配或者不匹配

干净直观的 API

超轻量级 —— 大约 0.8kb minified & gzipped!


使用


1.  引入文件


<script src="static/js/enquire.min.js"></script>


2.  简单使用


enquire.register("screen and (max-width:45em)", {
  // OPTIONAL
  // If supplied, triggered when a media query matches.
  match : function() {},
  
  // OPTIONAL
  // If supplied, triggered when the media query transitions
  // *from a matched state to an unmatched state*.
  unmatch : function() {},
  
  // OPTIONAL
  // If supplied, triggered once, when the handler is registered.
  setup : function() {},
  
  // OPTIONAL, defaults to false
  // If set to true, defers execution of the setup function
  // until the first time the media query is matched
  deferSetup : true,
  
  // OPTIONAL
  // If supplied, triggered when handler is unregistered.
  // Place cleanup code here
  destroy : function() {}
});



相关链接


GitHub 地址 :https://github.com/WickyNilliams/enquire.js