使用 FrozenJS 需引入 FrozenUI (CSS)、zepto.js、frozen.js。如果要使用特效组件,需要引入相应的特效组件的 js。
直接引用可以使用手机 QQ 的离线包,离线包机制可以在第一次下载之后缓存到本地,以后无需请求,大幅提升加载速度。
<!-- 引入 CSS -->
<link media="all" href="http://i.gtimg.cn/vipstyle/frozenui/1.2.0/css/frozen.css?_bid=306" rel="stylesheet">
<!-- 引入 JS -->
<script src="http://i.gtimg.cn/vipstyle/frozenjs/lib/zepto.min.js?_bid=304"></script>
<script src="http://i.gtimg.cn/vipstyle/frozenjs/1.0.1/frozen.js?_bid=304"></script>
<!-- 特效组件需要另外引用 -->
<script src="http://i.gtimg.cn/vipstyle/frozenjs/1.0.1/effect.cover.js"></script>
你也可以去 GitHub 上查看和下载 FrozenJS 的代码。任何建议也可以在 GitHub 上给我们反馈:FrozenJS。
FrozenJS 的调用方式很简单,跟熟知的 jQuery 插件很相似,比如 dialog 的调用:
<!-- 使用默认模版 -->
$.dialog({
title:'温馨提示',
content:'温馨提示内容',
button:["确认","取消"]
})
<!-- 使用选择器 -->
$("#dialog").dialog();
<!-- 使用选择器 -->
$("<div><%=content%></div>").dialog({
content:'温馨提示内容'
})