下拉試驗(yàn)原理？下拉菜單的使用及原理1因?yàn)锽ootstrap.js是依賴jQuery來(lái)實(shí)現(xiàn)的，所以我們需要先加載jQuery組件。在Bootstrap中使用下拉菜單有一個(gè)非常嚴(yán)格的結(jié)構(gòu)，如果使用不當(dāng)則不

下拉試驗(yàn)原理？

下拉菜單的使用及原理

1

因?yàn)锽ootstrap.js是依賴jQuery來(lái)實(shí)現(xiàn)的，所以我們需要先加載jQuery組件。在Bootstrap中使用下拉菜單有一個(gè)非常嚴(yán)格的結(jié)構(gòu)，如果使用不當(dāng)則不能顯示出下拉菜單。使用class#34dropdown#34的容器包裹整個(gè)下拉菜單：

ltdiv class#34dropdown#34gtlt/divgt

使用一個(gè)ltbuttongt按鈕作為一個(gè)父級(jí)菜單，并且定義一個(gè)class#34dropdown-toggle#34，給ltbuttongt添加一個(gè)自定義屬性data-toggle#34dropdown#34，這里是相對(duì)固定的。所謂的相對(duì)固定是指按鈕的樣式可以修改：

ltbutton class#34btn btn-default dropdown-toggle#34 type#34button#34 data-toggle #34dropdown#34gtlt/buttongt

在ltbuttongt按鈕的同級(jí)添加一個(gè)ltulgt元素，并且添加class#34dropdown-menu#34。通過(guò)以上三種就可以實(shí)現(xiàn)一個(gè)簡(jiǎn)單的下拉菜單，完整代碼如下

2

將上面的代碼貼到頁(yè)面中運(yùn)行，單擊下拉菜單按鈕會(huì)出現(xiàn)下拉菜單，再次單擊該按鈕下拉菜單將消失。初始狀態(tài)下，下拉菜單默認(rèn)是不顯示的，這是因?yàn)樵赾lass#34dropdown-menu#34中設(shè)置了#34display：none#34來(lái)隱藏下拉菜單，我們可以使用chrome瀏覽器中的審查元素（或者Firefox中的Firebug）來(lái)查看其樣式。當(dāng)我們單擊下拉菜單的時(shí)候，class#34dropdown#34上會(huì)新增一個(gè)#34open#34類(lèi)，再次單擊時(shí)#34open#34被移除，下拉菜單的顯示與隱藏就是這樣實(shí)現(xiàn)的。

你們覺(jué)得女生學(xué)習(xí)UI設(shè)計(jì)好還是學(xué)java大數(shù)據(jù)好呢？

本人10年開(kāi)發(fā)培訓(xùn)經(jīng)驗(yàn)，期間經(jīng)歷了Java、Android、H5、大數(shù)據(jù)、PHP等方向的開(kāi)發(fā)，也做過(guò)軟件培訓(xùn)公司的金牌講師，現(xiàn)專(zhuān)注IT領(lǐng)域就業(yè)與大學(xué)生畢業(yè)設(shè)計(jì)指導(dǎo)，很有興趣回答你這個(gè)問(wèn)題。

首先我來(lái)說(shuō)說(shuō)Java如果是想學(xué)習(xí)編程，那我推薦你朋友學(xué)習(xí)Java，目前Java開(kāi)發(fā)在所有的互聯(lián)網(wǎng)技術(shù)里面，無(wú)論是需求量，還是熱度都是蠻不錯(cuò)的一個(gè)技術(shù)方向。很多想進(jìn)入開(kāi)發(fā)行業(yè)的朋友，都想選擇以Java作為開(kāi)發(fā)方向。而且因?yàn)镴ava作為一個(gè)后端開(kāi)發(fā)的主流選擇，從事Java開(kāi)發(fā)一段時(shí)間之后，對(duì)于其他的技術(shù)的掌握和理解，都有很大的幫助。也就是說(shuō)學(xué)好了Java，對(duì)學(xué)習(xí)其他的技術(shù)會(huì)有很大的助推。

再來(lái)說(shuō)一下UI當(dāng)然UI也是一個(gè)很不錯(cuò)的就業(yè)方向，尤其適合女生。UI設(shè)計(jì)行業(yè)，和IT行業(yè)可以說(shuō)是相生相伴的，只要有項(xiàng)目開(kāi)發(fā)，那么就少不了UI設(shè)計(jì)師。你想啊，程序員可以寫(xiě)代碼，但是漂亮的UI他設(shè)計(jì)不出來(lái)啊。

我之前經(jīng)歷了三四家公司，然后項(xiàng)目組也經(jīng)歷了七八個(gè)吧，每個(gè)項(xiàng)目組內(nèi)，UI設(shè)計(jì)的妹子都有那么一兩個(gè)，兩三個(gè)，根據(jù)項(xiàng)目大小數(shù)量不同吧。而且這個(gè)行業(yè)內(nèi)，做UI設(shè)計(jì)的女生偏多一些，這應(yīng)該是女生更細(xì)心，更善于發(fā)現(xiàn)和設(shè)計(jì)美感吧。

這個(gè)行業(yè)的薪資其實(shí)還蠻不錯(cuò)的，據(jù)我了解到的是，基本上一年及以上經(jīng)驗(yàn)的UI設(shè)計(jì)師，一線城市的薪資基本都是10k以上或更高。

如果想學(xué)習(xí)Java課程，可以關(guān)注我，免費(fèi)獲取學(xué)習(xí)教程。

我從事開(kāi)發(fā)培訓(xùn)10年，擅長(zhǎng)Java、Android、H5、大數(shù)據(jù)、PHP等多個(gè)不同的技術(shù)方向。后續(xù)我會(huì)寫(xiě)一系列關(guān)于互聯(lián)網(wǎng)技術(shù)方面的文章，另外如果你有開(kāi)發(fā)、畢業(yè)設(shè)計(jì)或是求職方面的問(wèn)題，也可以在評(píng)論區(qū)留言，或者私信我，相信一定會(huì)讓你有所收獲！