responsiveLoader:基于媒体查询条件加载内容的Javascript模块

时间:2024-07-15 17:04:04
【文件属性】:

文件名称:responsiveLoader:基于媒体查询条件加载内容的Javascript模块

文件大小:8KB

文件格式:ZIP

更新时间:2024-07-15 17:04:04

JavaScript

#Responsive Loader 一个 javascript 模块,用于根据媒体查询有条件地加载任何 DOM 元素。 ##什么? 在小型设备上加载适合移动设备的组件,在台式机上加载更强大或更重的组件。 使用 CSS 隐藏已加载的 DOM 元素,但仅在需要时加载资产和内容,您需要添加一些 javascript。 ##如何? 包含模块并使用脚本标签在 HTML 中标记您的条件内容,设置脚本元素的类(默认为“响应加载器”)添加一个 data-target 属性来设置目标 HTML 元素的 id,以及一个 data- media-query 属性设置媒体查询条件。 例如: [removed][removed] [removed]ResponsiveLoader.run();[removed] < div id =" e


【文件预览】:
responsiveLoader-master
----.gitignore(12B)
----package.json(513B)
----src()
--------responsiveLoader.js(3KB)
----gulpfile.js(1KB)
----dist()
--------responsiveLoader.min.js(2KB)
--------responsiveLoader.js(3KB)
----README.md(2KB)
----demo()
--------responsiveLoader.js(3KB)
--------index.html(2KB)

网友评论