卖逼视频免费看片|狼人就干网中文字慕|成人av影院导航|人妻少妇精品无码专区二区妖婧|亚洲丝袜视频玖玖|一区二区免费中文|日本高清无码一区|国产91无码小说|国产黄片子视频91sese日韩|免费高清无码成人网站入口

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地址為: