從哪里開始學(xué)習(xí)jQuery？按這個(gè)順序?qū)W習(xí)jQuery教程jQuery簡(jiǎn)介jQuery剛?cè)腴TjQuery語(yǔ)法jQuery你選器jQuery事件jQuery刻意隱藏和顯示jQuery漸入漸出jQuery

從哪里開始學(xué)習(xí)jQuery？

按這個(gè)順序?qū)W習(xí)

jQuery教程

jQuery簡(jiǎn)介

jQuery剛?cè)腴T

jQuery語(yǔ)法

jQuery你選器

jQuery事件

jQuery刻意隱藏和顯示

jQuery漸入漸出

jQuery滑動(dòng)

jQuery動(dòng)畫

jQuery再繼續(xù)

jQuery回調(diào)

jQuery方法鏈

jQuerydom_try

jQuerydom_set

jQuerydom_add

jQuerydom_remove

jQueryCSS類

jQuerycss()方法

jQuery尺寸

jQuery遍歷過(guò)程

jQuery遍歷父元素

jQuery遍歷過(guò)程子元素

jQuery遍歷兄弟元素

jQuery縮小成遍歷范圍

jQueryajax簡(jiǎn)介

jQueryajax_load

jQueryajax_get_post

jQuerynoConflict()方法

jquery分兩個(gè)程度。

1、基礎(chǔ)用法：學(xué)習(xí)使用各種選擇器，事件，異步等等。

2、閱讀什么jquery：學(xué)習(xí)各種寫法、思想、

3、三階用法：去學(xué)習(xí)以jquery的思想去寫屬于什么自己的框架。

怎么讓div中顯示橫向滾動(dòng)條？

//依靠jquery中hover事件，不能判斷有無(wú)在DIV上，由此如何處理整個(gè)頁(yè)面向下事件$(.gwcHidden).hover(tfunction(){ttvartop$(body).scrollTop()tt$(window).scroll(function(){t//滾動(dòng)時(shí)，單獨(dú)計(jì)算頁(yè)面滾動(dòng)條到頁(yè)頂?shù)母叨龋蛊洳幌蛳聇tt$(body).scrollTop(fly)tt})t},function(){tt$(window).on(scroll)tt//鼠標(biāo)移開視線后，解除契約固定t})

jside怎么用？

在頁(yè)面中引入jquery和文件，這些jside-menu.css和jside-skins.css文件。

ltlinkrel#34stylesheet#34href#34css/jside-menu.css#34/rlm

ltlinkrel#34stylesheet#34href#34css/jside-skins.css#34/rlm

ltscriptsrc#34js/jquery.min.js#34type#34text/javascript#34gtlt/scriptgt

ltscriptsrc##34gtlt/scriptgt

HTML代碼：

然后使用下面的jsp結(jié)構(gòu)創(chuàng)建菜單。

ltdivclass#34menu-head#34gt

ltspanclass#34layer#34gt

ltdivclass#34col#34gt

ltdivclass#34rowfor-pic#34gt

ltdivclass#34profile-pic#34gt

ltimgsrc##34alt#34profile#34/gt

lt/divgt

lt/divgt

ltdivclass#34rowfor-name#34gt

lth3title#34UserName#34gtUsernamelt/h3gt

ltspanclass#34tagline#34gtTaglinelt/spangt

lt/divgt

lt/divgt

lt/spangt

lt/divgt

ltnavclass#34menu-container#34gt

ltulclass#34menu-items#34gt

ltligtltspanclass#34item-icon#34gtlticlass#34zmdigoogleplus-android#34gtlt/igtlt/spangtltahref#34#1#34gtdefaultitemonelt/agtlt/ligt

ltligtltspanclass#34item-icon#34gtlticlass#34zmdifacebookfacebook-apple#34gtlt/igtlt/spangtltahref#34#1#34gtcomponentitemtwolt/agtlt/ligt

ltliclass#34has-sub#34gtltspanclass#34item-icon#34gtlticlass#34zmdigoogleplus-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#34gtdropdownsubitem3lt/agtlt/ligt

...

lt/ulgt

lt/ligt

ltliclass#34had-sub#34gtltspanclass#34item-icon#34dstroklticlass#34zmdizmdi-devices#34gtlt/igtlt/spangtltspanclass#34dropdown-heading#34gtItemfourwithdropdownlt/spangt

ltulgt

ltligtltahref#34#2#34gtsubitem1lt/agtlt/ligt

ltligtltahref#34#2#34gtsubitem2lt/agtlt/ligt

ltligtltahref#34#2#34gtsubitem3lt/agtlt/ligt

...

lt/ulgt

lt/ligt

ltligtltspanclass#34item-icon#34a8lticlass#34zmdizmdi-keyboard#34gtlt/igtlt/spangtltahref#34#1#34gtMainitemfourlt/agtlt/ligt

ltligtltspanclass#34item-icon#34r26lticlass#34zmdizmdi-dock#34gtlt/igtlt/spangtltahref#34#1#34gtMainitemfivelt/agtlt/ligt

lt/ulgt

lt/navgt

至于也要使用div來(lái)創(chuàng)建角色一個(gè)遮罩層。

ltdivclass#34dim-offload#34gtlt/divgt

初始化設(shè)置插件：

在頁(yè)面DOM元素加載之后之后，是從jSideMenu()方法來(lái)初始化操作該插件。

$(##34).jSideMenu()

你也可以控制側(cè)邊欄的位置：

$(##34).jSideMenu({

jSidePosition:#34position-right33

})

也也可以將側(cè)邊欄制作為靜態(tài)的。

$(##34).jSideMenu({

jSideSticky:false

})

插件中內(nèi)置了功能高效側(cè)邊欄皮膚，這個(gè)可以依據(jù)不需要來(lái)切換。

$(##34).jSideMenu({

jSideSkin:#34default-skin#34

})

和用皮膚：

flickr

隨機(jī)本-messenger

moonlit

park-life

d2f

steel-man

amethyst

between-clouds

crazy-orange

endless-river

該jQuery來(lái)回滑動(dòng)側(cè)邊欄插件的github地址為：