图库代码安装步骤.docx

图库代码安装步骤.docx

《图库代码安装步骤.docx》由会员分享，可在线阅读，更多相关《图库代码安装步骤.docx（12页珍藏版）》请在冰豆网上搜索。

图库代码安装步骤

1、我们首先下载懒人的代码

2、解压文件，把不相关的文件可以先删除掉

3、我们先打开index.htm文件

4、图中选中则为此特效的所有代码

我们可以从代码里看到包含了

css/lrtk.css

js/jquery.js

js/jquery.movingboxes.js

这三个主要外部调用文件和一段供修改JS效果代码

5、那么首先我们把代码先复制到我们自已的页面模板上

左边为懒人下载的代码,右边为你自已的页面

6、我们先把以上的代码先复制过去

我们可以看到，在我自已的页面中已经包含了一个CSS（右边）common.css

这种调用多个CSS样式是可以的，只要CSS里面不会冲突即可，当然我们可以把lrtk.css里面的样式全部复制到 common.css里，然后就可以把lrtk.css删掉就可以了，我们打开lrtk.css看看里面哪些是需要的样式

打开后可以发现。

选中的即是我们的特效不需要的部分，下面的才是我们需要的代码，红框选中的是一般的CSS通用代码，这些一般在你自已的css样式里就已经有了，所以这里不需要再把它复制到common.css里去，当然如果你的样式里如果没有这段，你也可以复制过去

那这里我就先把需要的CSS复制到我的页面的common.css里去

我把它放到了common.css的最底下

保存后，我们就可以把lrtk.css的这段删掉了,把它重要的东西复制过来后就，它就没用了

OK，到这里我们把CSS样式弄完了,接着我们看JS

JS没什么要注意的，

jquery.js这个是调用JQ库必要的js

jquery.movingboxes.js这个是JQ的一个插件，

注意JQ库一定要放在前面就好了，

这里我们不管，直接复制过来就没事了

注意：

如果你的页面本来就有调用JQ库的话，就不用再调用一次了

我这里没有JS，所以全部复制过来就可以了

好了,到这里我们把所有的头部文件搞好了，

（代码复制好了。

文件最后再搬过去，这里没有先后顺序，文件什么时候复制，跟代码没关系，只要全部有确定复制过来就好）

我们接着把div部份复制到自已的页面上,这里我就随便放到最上面了,div部份我们可以看到，懒人很友好地把“开始”跟“结束”的部份标记好了

-- 代码开始 -->

-- 代码结束 -->

我们把这中间的复制过来就可以了

这个标注文字你也可以一起复制过去，方便以后查找

复制完后，我们就可以关掉index.html了

完成后大家还记得吧，这就是把代码搬到我们的页面后

接着我们把文件复制到自已的页面上就可以了

7、我们可以看到，这些文件放在什么文件夹里，都是可以自由修改的，当然我们也没必要改了，直接把所有文件复制过来就可以了

8、因为我们刚刚把lrtk.css给删掉了，所以CSS文件就没必要了，我们只要把js跟images图片文件复制过来就可以了，那么这里有个问题就是，我们要把这两个文件夹复制到哪个地方？

刚才我自已的页面是这个文件，所以我们把文件复制到这个目录就可以了

9、复制过来后路径只要相对应就可以了，打开页面就把效果放到自已页面上了

10、ok，完毕