瀑布流插件和模板插件

1、先介绍瀑布流插件。javascript

举个例子,这个插件最经常使用的地方就是在网上查找图片的时候,大小不同的图片,就是按照瀑布流的形式排列起来的。css

1.首先仍是引js和css.html

2.html界面设置java

三、javascript部分。json

4.页面效果插件

2、介绍一下模板插件的用法。3d

一、须要引入的文件htm

二、在页面上手动定义模板blog

这是模板定义的方法,ID、Name等等,这些是和后台json数据中获取的名字同样的。其实就是将json数据获取过来,获得ID放在相应的位置,下面附上个人json数据。图片

3.接下来就是经过javascript来获取json数据放到相应的位置。

4.效果如图:

插件的用法都比较简单。瀑布流插件更多时候仍是和模板插件一块儿使用的。当页面的每一块再也不是简单的图片,而且每一块的内容大小都不同,而且仍是从后台获取的时候,咱们就须要这两个插件一块儿使用了。

3、当瀑布流插件和模板插件结合使用时

一、页面设置。

2.javascript设置。

三、效果如图:

相关文章
相关标签/搜索