上面這張圖片展示了美麗說(shuō)–逛寶貝頁(yè)面中，瀑布流中的廣告位，美麗說(shuō)作為國(guó)內(nèi)女性購(gòu)物分享網(wǎng)站的佼佼者，其精美的內(nèi)容，清晰的運(yùn)營(yíng)思路，是值得我們站長(zhǎng)學(xué)習(xí)的，尤其是網(wǎng)站內(nèi)的廣告位，穿插的恰到好處，就拿上面圖片中的廣告位而言，廣告所在的位置，既不會(huì)影響到網(wǎng)站美觀，也不影響用戶體驗(yàn)，而且廣告的內(nèi)容可以根據(jù)分類或者標(biāo)簽的不同而改變，可以大大提升廣告的價(jià)值，為運(yùn)營(yíng)增加收益。

  那么如何在方維程序加入這個(gè)廣告位呢，其實(shí)呢，如果在其它地方創(chuàng)建廣告位，是一件很簡(jiǎn)單的事情，但是這個(gè)廣告位是在瀑布流中的，在這里添加廣告位是否會(huì)影響到瀑布流的布局，答案是肯定的，但是如果我們進(jìn)行一些修改，是可以完成這個(gè)要求的，首先要分析瀑布流的顯示原理。

  方維的瀑布流是采用的/public/js/jquery.masonry.js這個(gè)jQuery插件完成的，在你當(dāng)前模板文件的page/book/book_index.htm中：

 $(‘#imagewall_container’).masonry({
  itemSelector: ‘.i_w_f’,
  isAnimated:true,
  gutterWidth:15,
  gutterHeight:8,
  columnWidth:225,
  cornerStampSelector:’.corner_stamp’
 });

這段代碼創(chuàng)建的瀑布流顯示效果， cornerStampSelector:’.corner_stamp’代碼是我自己添加的，.corner_stamp就是廣告位的div的class名稱，這兩個(gè)英文很明顯的說(shuō)明是“角上的圖標(biāo)”，添加這個(gè)廣告位需要對(duì)jquery.masonry.js進(jìn)行修改，具體修改辦法可以去jquery.masonry.js官方查看:

http://masonry.desandro.com/demos/corner-stamp.html