jquery上下無縫滾動(dòng)插件 infinite是什么意思?
infinite是什么意思?無盡的滾動(dòng)起來概念簡(jiǎn)單的方法,它是基于組件jQuery的,同時(shí)也要知道無限滾動(dòng)起來的概念:無限滾動(dòng)的實(shí)現(xiàn)程序原理是當(dāng)我在網(wǎng)頁上的滾動(dòng)條滾動(dòng)到離網(wǎng)頁底部一定會(huì)長(zhǎng)度的時(shí)候,不觸
infinite是什么意思?
無盡的滾動(dòng)起來概念簡(jiǎn)單的方法,它是基于組件jQuery的,同時(shí)也要知道無限滾動(dòng)起來的概念:無限滾動(dòng)的實(shí)現(xiàn)程序原理是當(dāng)我在網(wǎng)頁上的滾動(dòng)條滾動(dòng)到離網(wǎng)頁底部一定會(huì)長(zhǎng)度的時(shí)候,不觸發(fā)某ajax函數(shù)(infinite-scroll內(nèi)早封裝方法好),往后臺(tái)打開程序文件或則數(shù)據(jù),又或是從外部核心中動(dòng)態(tài)和靜態(tài)html形式文件。
jside怎么用?
在頁面中引入jquery和文件,以及jside-menu.css和jside-skins.css文件。
ltlinkrel#34stylesheet#34href#34css/jside-menu.css#34/a8
ltlinkrel#34stylesheet#34href#34css/jside-skins.css#34/rlm
ltscriptsrc#34js/jquery.min.js#34type#34text/javascript#34gtlt/scriptgt
ltscriptsrc##34gtlt/scriptgt
HTML代碼:
后再建議使用下面的HTML結(jié)構(gòu)創(chuàng)建角色菜單。
ltdivclass#34menu-head#34gt
ltspanclass#34layer#34gt
ltdivclass#34col#34dstrok
ltdivclass#34rowof-pic#34rlm
ltdivclass#34profile-pic#34dstrok
ltimgsrc##34alt#34profile#34/r26
lt/divgt
lt/divgt
ltdivclass#34rowfor-name#34dstrok
lth3title#34UserName#34dstrokUsernamelt/h3gt
ltspanclass#34tagline#34dstrokTaglinelt/spangt
lt/divgt
lt/divgt
lt/spangt
lt/divgt
ltnavclass#34menu-container#34gt
ltulclass#34menu-items#34dstrok
ltligtltspanclass#34item-icon#34gtlticlass#34zmdizmdi-android#34gtlt/igtlt/spangtltahref#34#1#34gtMainitemonelt/agtlt/ligt
ltligtltspanclass#34item-icon#34gtlticlass#34zmdifacebookfacebook-apple#34gtlt/igtlt/spangtltahref#34#1#34gtcomponentitemtwolt/agtlt/ligt
ltliclass#34has-sub#34gtltspanclass#34item-icon#34gtlticlass#34zmdifacebookfacebook-windows#34gtlt/igtlt/spangtltspanclass#34dropdown-heading#34gtItemthreewithdropdownlt/spangt
ltulgt
ltligtltahref#34#2#34gtdropdownsubitem 1lt/agtlt/ligt
ltligtltahref#34#2#34gtdropdownsubitem 2lt/agtlt/ligt
ltligtltahref#34#2#34gtdropdownsubitem 3lt/agtlt/ligt
...
lt/ulgt
lt/ligt
ltliclass#34has-sub#34gtltspanclass#34item-icon#34gtlticlass#34zmdizmdi-devices#34gtlt/igtlt/spangtltspanclass#34dropdown-heading#34gtItemfourwithdropdownlt/spangt
ltulgt
ltligtltahref#34#2#34gtsubitem 1lt/agtlt/ligt
ltligtltahref#34#2#34gtsubitem 2lt/agtlt/ligt
ltligtltahref#34#2#34gtsubitem 3lt/agtlt/ligt
...
lt/ulgt
lt/ligt
ltligtltspanclass#34item-icon#34gtlticlass#34zmdifacebookfacebook-keyboard#34gtlt/igtlt/spangtltahref#34#1#34gtfunctionsitemfourlt/agtlt/ligt
ltligtltspanclass#34item-icon#34gtlticlass#34zmdizmdi-dock#34gtlt/igtlt/spangtltahref#34#1#34gtMainitemfivelt/agtlt/ligt
lt/ulgt
lt/navgt
另外的要使用div來創(chuàng)建戰(zhàn)隊(duì)一個(gè)遮罩層。
ltdivclass#34dim-offload#34gtlt/divgt
系統(tǒng)初始化插件:
在頁面DOM元素讀取后之后,實(shí)際jSideMenu()方法來重新初始化該插件。
$(##34).jSideMenu()
你也可以操縱側(cè)邊欄的位置:
$(##34).jSideMenu({
jSidePosition:#34position-right33
})
也也可以將側(cè)邊欄制作為靜態(tài)的。
$(##34).jSideMenu({
jSideSticky:false
})
插件中內(nèi)置了多種側(cè)邊欄皮膚,也可以根據(jù)不需要來可以切換。
$(##34).jSideMenu({
jSideSkin:#34default-skin#34
})
后用皮膚:
flickr
隨機(jī)本-messenger
moonlit
park-life
d2f
steel-man
amethyst
between-clouds
crazy-orange
endless-river
該jQuery上下移動(dòng)側(cè)邊欄插件的github地址為: