1、调用CSS样式表：
<link rel="stylesheet" type="text/css" href="source/jquery.fancybox.css" media="screen" />
2、调用JS代码：
<script type="text/javascript" src="lib/jquery-1.10.1.min.js"></script>
<script type="text/javascript" src="source/jquery.fancybox.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.fancybox').fancybox();
$(".fancybox-effects-a").fancybox({
helpers: {
title : {
type : 'outside'
},
overlay : {
speedOut : 0
}
}
});
});
</script>
3、添加HTML代码：
将
<!--效果html开始-->......
<!--效果html结束-->之间的html和js代码；放在<body></body>之间。
