<<返回博客

首先,引入主体文件:
<link rel="stylesheet" href="css/jetpop.css">
<script type="text/javascript" src="http:// code.jquery.com/jquery-latest.js"></script>
<script src="js/jetpop.js"></script>

信息弹窗部分:

弹窗代码:
<script>
popmsg({msg:"这是一个信息提示!"}); // 信息提示,如果需要修改弹窗层数:popmsg({msg:"这是一个信息提示!",zindex:900}); 为空则默认900
popmsg({html:"<div style='padding:50px 30px;'><h2>我是一个html弹出窗口</h2>这里可以自定义你需要填写的内容</div>"}); // 弹出HTML
popmsg({dom:"#popdom"}); // 弹出DOM
</script>

弹窗示范

信息提示 \ 弹出HTML \ 弹出HTML2 \ 弹出DOM


图片相册代码:

插入调用代码:
<script>
popalbum([
{
picItem: ".pic1", // 图片列表的DOM名称 class使用.className , id使用#idName
src: ["img","src"], // 图片路径,相对picItem的位置DOM和其路径属性
summary: ["img","alt"], // 图片描述,相对picItem的位置和其属性,可以为空。如:<span class="pic_text">图片描述内容</span>则使用[".pic_text","text"]
zindex: 900 // 弹窗的的初始层数,可以为空,默认为900
}
// 多个相册
,{
picItem: ".pic2",
src: ["img","src"],
summary: [".pic_text","text"],
zindex: 900
}
// 多个相册则复制以上代码按格式填写
])
</script>

相册 I

shenzhen
chencun

相册 II

Country Garden Library
Bee and flowers
flowers
cat


Github项目地址:

https://github.com/jetzchina/jetpop

下载地址:

jetpop2018423.zip