为Blogger添加Lightbox Gone Wild

Lightbox Gone Wild可以在不离开当前页面的情况下加载其它的页面或信息,跟之前写过的Lightbox类似。效果很酷,除了应用起来有些烦琐之外。Yupoo上有这种效果。

1.在<head></head>之间添加下面代码。

<script type="text/javascript" src="http://jscripts.ning.com/get.php?xn_auth=no&id=1093361"></script>
<script type="text/javascript" src="http://jscripts.ning.com/get.php?xn_auth=no&id=2655847"></script>
<link rel="stylesheet" type="text/css" href="http://singpolyma.googlepages.com/lightbox.css" />

2.使用。添加下面的格式。

<div id=" lightbox-id" style="display:none;">
展示的内容
</div>

关闭Lightbox的链接:

<a href="#" class="lbAction" rel="deactivate">关闭</a>

开启Lightbox的链接:

<a class="lbOn" href="# lightbox-id">开启Lightbox</a>

via Singpolyma

没有评论: