這個是個非常棒的應用!
如果你善於發現美,如果你善於觀察新鮮的事物,如果你是一名有愛的前端攻城師或設計屍,那麼你一定不會對下面中的結構感到陌生。沒錯,這就是現在很火的瀑布流。也稱砌牆效果。就是這種不穩定結構,就是這種交錯之美,震撼著每個瀏覽者的視神經。對於習慣了傳統條條框框布局的讀者來說,這種方式無疑會讓他們的滑鼠自由搖擺…
實現這個效果需要兩個jquery外掛程式infinite-scroll和masonry。
[b]infinite-scroll-jquery引數詳解:[/b]
取消繫結事件的函式寫法:$(window).unbind(『.infscr』); 通過事件觸發載入資料的寫法: $(document).trigger(『retrieve.infscr』); //比如加到某個click事件中
此外掛程式還有乙個鮮為人知的功能就是可以載入任何頁面的選擇器中的內容,可以是id以及是class,並轉化到html儲存。要比jquery自帶的的load強大多了。
$('').load('/page/2/ #content div.post',function());
[b]masonry引數詳解:[/b]
$(function()
},gutterwidth:0,//列的間隙
isfitwidth:true,//自適應寬度
isresizablel:true,// 是否可調整大小
isrtl:false,//使用從右到左的布局
});});
[b]雙劍合璧演示**:[/b]
最終效果演示:[url]
無重新整理分頁jquery
1.使用外掛程式為 jquery.pagination.js 首先引用 jquery.pagination.js 分頁js 跟pagination.css 分頁樣式css 2.頁面js 為 3.頁面裡面的 為 100 border 0 cellspacing 0 cellpadding 0 60 a...
Repeater 無重新整理分頁
本文講述的是如何利用 xmlhttprequest 來對 repeater 控制項 進行無重新整理分頁。實現的方式是,使用xmlhttprequest物件非同步向伺服器傳送post 請求,傳遞設定好的每頁顯示記錄數,當前頁碼和記錄總數。伺服器端接收到請求時,根據引數從資料庫中查詢相應記錄,並通過re...
ajax無重新整理分頁
首頁初始化 當前頁 和 每頁顯示的頁數getdata 1,8 然後傳送ajax請求去後台讀取ajax動態資料 function getdata curpage,pagesize succesmethod function data,textstatus 在以前處理ajax 返回值需要動態寫入表示資料...